vue 用key读取/修改元素上的属性

woaibaoba
  • 159
<div key="testKey">
    <span>1</span>
</div>

如何读取key值为“testKey”的div的属性,并修改他的宽度,类似ref一样的用法

在这里先感谢各位大神们的解答!

回复
阅读 300
2 个回答

用 DOM 方法,类似:

const div = this.$el.getElementsByTagName('div');
[...div].forEach(item => {
  item.style.width = item.getAttribute('key') + 'px';
});

dom属性选择器了解一下?这样写就能获取到了:

var el = (this.$el || document).querySelector("div[key='testKey']");
console.dir(el);
console.dir(el.offsetWidth);
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏