el-select的el-option添加操作按钮插槽后实现勾选与按钮操作分离

 这里我在el-option的选项文字后面添加了两个svg按钮(编辑和删除):如图

当我们点击el-option时无法区分是勾选el-option还是点击了el-option选项文字后面的按钮,其实只要在后面的编辑和删除的操作按钮的click事件上面添加.native.stop即可阻止事件冒泡,实现勾选与操作分离------点击操作按钮区域外为勾选,点击操作按钮即操作
el-select的el-option添加操作按钮插槽后实现勾选与按钮操作分离_第1张图片

见以下代码

                      
                        
                      

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