当前位置: 首页 > Web前端 > vue.js

vue自定义命令通过data传递数据--

时间:2023-04-01 02:02:33 vue.js

最近有个项目需要用命令实现按钮权限,所以用vue的自定义命令来完成这个功能。使用命令时遇到问题,需要将命令中的值传递给外部组件。查看官方文档,发现推荐使用dataset进行数据传输,所以使用如下方法实现数据传输。在对应元素上自定义属性AddGroup2.在自定义命令中更改数据集自定义属性的值if(widgets){varsWidget=widgets.filter((w)=>{return(w.name===binging)&&(w.authorised);});如果(sWidget.length===0){el.parentNode&&el.parentNode.removeChild(el);el.dataset.test=false;}else{el.dataset.test=true;}}3.在父集页面使用更新后的值e.contextmenu=$('.add-group').data('test');通过以上3步,可以在自定义指令中执行相关逻辑后更新值,触发父集页面的相关操作