vue 复选框的渲染

这个是我想要的结果，但是却一直没有渲染出来

<div class="tab-pane viewlist"><div class="box box-solid" style="box-shadow: none;"><div class="box-body"><ol><li v-for="(item,index) in data"><input type="checkbox" v-bind:checked=item.root.checkstatus /> <span>{{item.root.name}}</span><ol v-if="item.havesub=='1'"><li v-for="(sub,k) in item.subs"><input type="checkbox" v-bind:checked=sub.checkstatus />{{sub.name}}</li></ol></li></ol></div></div>
</div>

关键在于什么

<input type="checkbox" v-bind:checked=sub.checkstatus/>{{sub.name}}</li>

这个地方哪里出现错误

居然在input的标签的结束/上面，这样写就对了

<input type="checkbox" v-bind:checked=sub.checkstatus />{{sub.name}}</li>

平时没有注意这些细节

关键是这个位置有一个空格

希望对你有所帮助

vue 复选框的渲染相关推荐

vue复选框默认被选中_vue .js绑定checkbox并获取、改变选中状态的实例
vue .js绑定checkbox并获取.改变选中状态的实例 2019-01-07 编程之家收集整理的这篇文章主要介绍了vue .js绑定checkbox并获取.改变选中状态的实例,编程之家小编觉得挺 ...
vue复选框选中一个全选中了
vue复选框选中一个全选中了在业务开发中,使用了checkbox-group组件,发现点击其中的一个选项后,所有数据都被选中了,取消也是全部取消了. 原因:绑定数据的时候,定义的是字符串,修改为数组 ...
vue复选框组件自定义对勾_vue2.0中ckeckbox(复选框)的使用心得，及对click事件和change的理解...
最近在公司项目中使用vue2.0做开发,在使用checkbox时遇到了一些问题,首先我们先了解一下需求. 如上如所示,在上方复选框被点击时,更改下方p标签的文本内容为:复选框已被选中.并将p标签文字颜 ...
vue 复选框默认选中_vue 实现单选框设置默认选中值
vue 实现单选框设置默认选中值 vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的 html部分是通过v-for取的后台的数据生成后的代码就是 js ...
vue复选框CheckBox清空选中的值
最近遇到了这样的一个问题,做了一个添加功能,发现添加了一次记录以后,添加第二次的时候,页面上复选框有我上次选中的值,后来试了很多方法,只有下面这个方法解决了这个问题.上面标出来的是对普通的input进 ...
vue 复选框点击获取值
<input type="checkbox" name="" :value="item.id" v-model="resul ...
vue设置多选框默认勾选_Vue实现全选和反选即Vue复选框增加全选功能
导语:Vue中单选下拉框开发起来非常简单,直接select包裹一个带v-for的option即可但是当我们想做个带多选的下拉框该怎么办呢?最简方法是什么?比如下面这个图: 如果网上搜的话,搜的是一堆 ...
vue复选框组件自定义对勾_vue+element:树级复选框组件使用
handleCheck(checkedKeys,checkedNodes,halfCheckedKeys,halfCheckedNodes){var len = 0,num = 0;var _alen ...
vue 复选框默认选中_vue中，radio或者checkbox如何默认选中
有一个rad览或讲琐了过自系一读页围这就多网解元当维io或者checkbox选项框组,如直分调浏器代,刚求的一学础过功互有解小久宗点差维含数下: :id="getId()" nam ...

vue 复选框的渲染

vue 复选框的渲染相关推荐

最新文章

热门文章