一般Element-UI结合Vue2使用。
1·监听事件无法触发
我遇到的第一个坑是无法给Popconfirm添加的监听器无法触发。
原因是下图对应的Element-UI版本是2.5.13,而我工程中引入的版本是2.13.2,不同版本之间事件名称可能存在区别。
@和v-on这两种写法都尝试了。
<el-popconfirm title="这是一段内容确定删除吗?"
placement="top"
@confirm="handleDelete"
v-on:confirm="handleDelete"
>
<el-button slot="reference" size="mini" type="danger">删除</el-button>
</el-popconfirm>
2.13.2的版本必须改成将“confirm”改为“onConfirm”,才能生效
<el-popconfirm title="这是一段内容确定删除吗?"
placement="top"
@onConfirm="handleDelete"
v-on:onConfirm="handleDelete"
>
<el-button slot="reference" size="mini" type="danger">删除</el-button>
</el-popconfirm>
2·使用switch组件时:active-value和 active-value的区别
:active-value=“1” 和 active-value="1"实际上前者是设置为数字1,而后者是设置为字符串1
所以如果表单项值为数字1,但你用的是active-value="1"那么siwtch组件将无法显示正确的状态