dom中获取到vue节点对象
【摘要】 帮一个同事解决一些chrome插件开发的问题时遇到一个问题,怎么在插件中修改一个vuejs框架下的input框的绑定值,试了试发现通过__vue__属性是可以的;参考:https://stackoverflow.com/questions/26915193/dom-element-to-corresponding-vue-js-component过程中又回顾到了一个老的点,还是写一下好了:v...
帮一个同事解决一些chrome插件开发的问题时遇到一个问题,怎么在插件中修改一个vuejs框架下的input框的绑定值,试了试发现通过__vue__属性是可以的;
----------后续
由于dom树和vue的component节点数树并不是完全一致的,即存在$el一样,_uid不一样，即不是同一个节点的情况,开启devtools对照，然后遍历_uid或者$parent*n可以找到;(目前还没发现更好的方式)
此外值的更新需要采用$emit('change',val)句式以触发相关事件回调;
参考:
https://stackoverflow.com/questions/26915193/dom-element-to-corresponding-vue-js-component
过程中又回顾到了一个老的点,还是写一下好了:
var event= new CustomEvent("GoCatePage", {
"detail": { }
});
window.parent.document.dispatchEvent(event);
document.addEventListener("GoCatePage", function(data) {
...
});
参考:
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）