如果我的 v-model 是一个数组,我如何检查 v-for 中的单选按钮?
我的数据:
data() {
return {
persons: {
name: [],
surname: [],
sex: [],
}
}
}
Run Code Online (Sandbox Code Playgroud)
还有我的收音机:
<template v-for(person, person_index) in persons>
<div class="switch-sex">
<input type="radio" name="sex" :id="'male'+person_index" value="male"
v-model="persons.sex[person_index]">
<label :for="'male' + person_index">M</label>
<input type="radio" name="sex" :id="'female' + person_index"
value="female" v-model="persons.sex[person_index]">
<label :for="'female' + person_index">F</label>
</div>
</template>
Run Code Online (Sandbox Code Playgroud)
我需要在 v-for 中的每个人中检查我的第一台收音机(男)
我正在使用 vuejs v-for 循环制作一个项目列表。我有一些来自服务器的 API 数据。
items: [
{
foo: 'something',
number: 60
},
{
foo: 'anything',
number: 15
},
{
foo: 'text',
number: 20,
}
]
Run Code Online (Sandbox Code Playgroud)
模板
<div v-for="(item,index) in items" :key="index">
<div :class="{ active: ????}" @click="toggleActive">
{{ item.foo }}
{{ item.number }}
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
JS
methods: {
toggleActive() {
//
}
}
Run Code Online (Sandbox Code Playgroud)
我需要以下内容:当我单击 div 添加活动类时,如果我已经有活动类 - 删除活动类。(切换)。我也可以选择多个项目。
我怎样才能做到这一点?我在 items 数组中没有布尔变量,并且我不应该在单独的组件中移动 item
我有一个简单的 v-for 循环。在里面我有一个带有样式背景 img 的 div。如果我的图片不存在,如何设置默认背景图片网址
<div v-for="company in companies">
<div class="company-img tooltip-target b-link"
:style="{ 'background-image': 'url(' + '/src/static/img/companies/' +
company.code.toLowerCase() + '.png' + ')' }">
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
如果公司图片不存在,我想设置背景图片: url(/static/img/companies/default.png'
我有一个字符串'20 -08-2018'(dd-mm-yyyy).如何将其格式化为(YYYY-MM-DD)时刻格式.当我想要格式化时,我收到了"无效日期"
moment(value).format('YYYY-MM-DD')
Run Code Online (Sandbox Code Playgroud)