自学内容网 自学内容网

iview中Checkbox组件设置不勾选是0,勾选是1

正常情况:

<Checkbox v-model="data.blow" true-value="1" false-value="0">
  <span>是否易燃易爆</span>
</Checkbox>

vue的data中,将Checkbox绑定的初始值设置成0。

 data: function () {
    return {
      data: {
        blow: "0",
      },
    };
  }

特殊情况:
如果v-model绑定的是值是下划线的,Checkbox多选框选中后,是不更新v-model数据的,感觉是bug。

<Checkbox
  v-model="data.further_analysis"
  true-value="1"
  false-value="0"
>
<span>是否再次分析</span>
</Checkbox>

解决办法:增加on-change事件,强制组件重新渲染。

 <Checkbox
   v-model="data.further_analysis"
   true-value="1"
   false-value="0"
   @on-change="changeFurtherAnalysis"
 >
   <span>是否再次分析</span>
 </Checkbox>
    changeFurtherAnalysis() {
      // 强制组件重新渲染
      this.$forceUpdate();
    },

原文地址:https://blog.csdn.net/wangshuai13383347132/article/details/140554561

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!