关于网友提出的“(javascript)vuejs checkbox 选中其中一个box其他的box都会被选中”问题疑问,本网通过在网上对“(javascript)vuejs checkbox 选中其中一个box其他的box都会被选中”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:
问题:(javascript)vuejs checkbox 选中其中一个box其他的box都会被选中
描述:代码如下
Vuejs demo
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:
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