企业网站建设排名,河北网站建设seo优化营销制作设计,最新四川成都2新增确诊,四川建网站发生场景#xff1a;不只是复选框的状态改变#xff0c;还有的功能要用到复选框的选中状态#xff0c;比如#xff1a;购物车计算总价#xff0c;合计等等。 引入#xff1a;复选框 checkbox 在使用时#xff0c;需要用v-model绑定布尔值#xff0c;来获取选中状态不只是复选框的状态改变还有的功能要用到复选框的选中状态比如购物车计算总价合计等等。 引入复选框 checkbox 在使用时需要用v-model绑定布尔值来获取选中状态而在实现全选功能时需要给列表项的每一项都绑定布尔值但不能绑定同一个往往都是以 v-modelitem.smallCheck这种形式item 表示外层 v-for 循环的列表的每一项。 描述如果还要利用选中状态来实现某个功能就可能会出现这样的问题复选框的初始值是 undefined 功能就无法实现比如下面这个计算总价 // 计算总价TotalPrice: function () {// console.log(this.isCheck)let sum 0;this.bookList.map(item{console.log(item.smallCheck)if(item.smallCheck){sumitem.price*item.num}})return sum.toFixed(2);}我利用选中状态来判断是否计算当前商品的总价然而此时是 undefined如果用
if(item.smallCheck true || item.smallCheck undefined)也是不行的因为 解决在data中的列表加上一项为 smallCheck:false而不是直接在 data 中加因为循环绑定的是每一项而不是一个。
input typecheckbox v-modelitem.smallCheck注v-model 绑定的数据是 undefined 的时候不会报错所以一定要注意v-model 不能是 undefined 否则有些莫名其妙的问题。
