这个开关动作主要由左图中的斜线L1和右图中的直线L2所组成。
然后,只要将L1的动画定义为 “消失” ,[开始] 项设为 “单击时” 。L2的动画定义为 “出现”,[开始] 项设为 “之后”。
动画运行后,只要单击L1,就会实现闭合开关,点亮小灯泡。
快去画一个试试吧。
请确保数据类型是正确的。el-switch 的默认值是 true 和 false,如果你需要自定义:<el-switch v-model="status"
on-value="100"
off-value="0">
</el-switch>
请注意以面的写法,on-value 和 off-value 的值分别是字符串的 '1' 和 '0',如果你赋值为数字类型的 1 或 0 是无法正常工作的,若赋值为数值类型,需这样写:
<el-switch v-model="status"
:on-value="100"
:off-value="0">
</el-switch>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)