vue checkbox 默认选中
<div class="form-group" id="rolelist"><div class="col-xs-12"><label for="exampleInputPassword1">角色</label><div class="form-group" v-for="(item,index) in data">...
·
<div class="form-group" id="rolelist">
<div class="col-xs-12">
<label for="exampleInputPassword1">角色</label>
<div class="form-group" v-for="(item,index) in data">
<div class="checkbox">
<label><input v-bind:value=item.id type="checkbox" v-model='checkedIds' v-bind:data=item.rolename>{{item.rolename}}</label>
</div>
</div>
</div>
</div>
重要的是属性: v-model='checkedIds'
/**
* 获取到对应的可选角色
*/
execFunc("userrole.getrolelist", {}, function(result) {
var vu = new Vue({
el : '#rolelist',
data : {
checkedIds:[],
data : []
}
});
var strs = new Array(); // 定义一数组
strs = hroleid.split(";");
vu.data = result.data;
vu.checkedIds=strs;
})
我们在后台给checkedIds 赋值一个数组,里面是我们要默认选中的id
希望对你有所帮助
更多推荐
已为社区贡献3条内容
所有评论(0)