elementUI的el-switch的使用

工作记录

背景:el-switch绑定值的问题
elementUI的el-switch的使用_第1张图片

第一种:

v-model绑定布尔值






第二种:

v-model绑定布尔值,当绑定的值为 active-value或inactive-value的相等值时,开启或关闭

①情况一:
当active-value="1"或active-value=1(或inactive-value=“0"或inactive-value=0)时,表示v-model绑定的值须为’1’或"0”——(值为string类型),否则虽然也能切换(el-switch的属性),并没有和v-model绑定的值有关系;






②情况二:
当 :active-value="1"或 :active-value=1 (或:inactive-value="0"或 :inactive-value=0)时,表示v-model绑定的值须为1或0——(值为Number类型),否则虽然也能切换(el-switch的属性),并没有和v-model绑定的值有关系;






change事件

elementUI的el-switch的使用_第2张图片
当数据改变时,调用change绑定的方法。该回调函数有一个参数,为当前状态的value值






更多参数看官方文档

你可能感兴趣的:(elementui,vue,elementui,vue.js,javascript)