Vue2踩坑汇总

一般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组件将无法显示正确的状态