小编mtl*_*pay的帖子

如果 v-model 是数组,则检查 Vuejs 单选按钮

如果我的 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 中的每个人中检查我的第一台收音机(男)

radio-button checked vue.js v-for v-model

3
推荐指数
1
解决办法
7959
查看次数

Vuejs 使用 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

javascript vue.js v-for

1
推荐指数
1
解决办法
6950
查看次数

Vuejs 更改背景图片 url,如果图片不存在

我有一个简单的 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'

css background-image vue.js

1
推荐指数
1
解决办法
2502
查看次数

来自自定义格式字符串的Moment js格式

我有一个字符串'20 -08-2018'(dd-mm-yyyy).如何将其格式化为(YYYY-MM-DD)时刻格式.当我想要格式化时,我收到了"无效日期"

moment(value).format('YYYY-MM-DD')
Run Code Online (Sandbox Code Playgroud)

javascript momentjs

0
推荐指数
1
解决办法
569
查看次数