(javascript)vuejs checkbox 选中其中一个box其他的box都会被选中

关于网友提出的“(javascript)vuejs checkbox 选中其中一个box其他的box都会被选中
”问题疑问，本网通过在网上对“(javascript)vuejs checkbox 选中其中一个box其他的box都会被选中
”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题：(javascript)vuejs checkbox 选中其中一个box其他的box都会被选中
描述:

代码如下

  


  

    

      

        
        {{ post }}
        {{ isread }}
      
    
  

var demo = new Vue({
  el: '#demo',

  data: {
    posts: ['This is a post', 'another post', 'last post'],
    isread: false,
    unread: true,
  }
})

jsfiddle: https://jsfiddle.net/gaotongfei/b2mjrzw6/1/

这是一段非常简短的用vuejs写的checkbox demo，但是点击其中的一个checkbox，剩下的都会被选中，请问哪里错了？

---

解决方案1:

因为你绑定了同一个model:v-model="isread",点击后isread值为true,就都选中了

解决方案2:

因为你的input绑定的不是每个post自己的isread属性，而是唯一的一个isread属性，所以一改所有都改。

你的model需要重构，每个post应该是一个json对象而不是字符串。

解决方案3:

  

    

      

        
        {{ post }}
        {{ isread[$index] }}
      
    
  

var demo = new Vue({
  el: '#demo',

  data: {
    posts: ['This is a post', 'another post', 'last post'],
    isread: [false, false, false],
    unread: [true, true, true],
  }
})

以上介绍了“(javascript)vuejs checkbox 选中其中一个box其他的box都会被选中”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：http://www.codes51.com/itwd/1445367.html