使用的版本为 element-ui 2.15.7 文档内容写的confirm,绑定无效 换成@onConfirm 生效
Element-ui 官方文档对 Popconfirm气泡确认框的一些属性及事件的描述不够详细,导致第一次使用时会遇到各种各样的问题 对确定事件及取消事件描述如下: 但是如果给组件绑定@confirm="confirm"时,发现点击确定按钮时,并不能触发confirm事件。 实际应该绑定的是onConfirm事件和onCancel事件 <el-popconfirm popper-class="tip...
这是因为Popconfirm的弹出框是动态生成的,它的样式被添加到了body元素上,而不是Popconfirm组件本身。要调整Popconfirm的样式,你可以使用全局样式表或者为body元素添加特定的样式规则。 3. 嵌套使用问题 在复杂的页面中,你可能需要嵌套使用Popconfirm组件。然而,嵌套使用Popconfirm可能会导致一些预期之外的问题。例如,点击内部...
https://element.eleme.cn/#/zh-CN/component/popconfirm 不需要找源码改源码! 不需要找源码改源码! 不需要找源码改源码! @onConfirm 改为 @confirm 就好了
3.看elementUI官方文档,里面有一个poper-class属性 总结:我没改对样式,是从源头上就错了,并且方法上也有问题;比如我之前取的是这个玩意,并且在编写源码的时候,我有将p写成.p,并且就是我有将同级的类在源码中用空格将它隔开,这表示的将会是从属包含关系。
" @confirm="popConfirm" @cancel="popCancel"> <el-button type="danger" size="mini" slot="reference" icon="el-icon-delete">删除</el-button> </el-popconfirm> 修改后: <el-popconfirm title="删除?" @confirm="popConfirm" @cancel="popCancel"> <el-button type="danger" size="mini" slot...
Element-uiPopconfirm⽓泡确认框的确认及取消事件不⽣效Element-ui 官⽅⽂档对 Popconfirm⽓泡确认框的⼀些属性及事件的描述不够详细，导致第⼀次使⽤时会遇到各种各样的问题 对确定事件及取消事件描述如下：但是如果给组件绑定@confirm="confirm"时，发现点击确定按钮时，并不能触发confirm事件。实际应该...
有人说:Vue HTML中的特性名大小写不敏感,浏览器把大写字符解释为小写字符,于是onConfirm被解释为onconfirm,无法对应导致上面的bug 解决办法:修改vue引用源文件element-ui 的 index.js 文件 替换一处onConfirm为onconfirm(小写),搞定 还发现,将@onConfirm改为@confirm后代码也可生效...
element-ui在表格中有删除按钮,想给删除按钮绑定一个删除确认效果,类似这样: 在实际使用的时候发现删除按钮不显示,代码如下: <template slot-scope="scope"> <el-popconfirm title="您确定删除吗?" @onConfirm="cancelOrder(scope.row.id)"> <el-button >删除</el-button> ...
el-popconfirm气泡确认框 绑定事件需要注意语法 <template> <el-popconfirm title="这是一段内容确定删除吗?" @onConfirm="bindAdd" > <el-button slot="reference">删除</el-button> </el-popconfirm> </template> @onConfirm="bindAdd" 注意事件绑定 否则无法正常触发最后...