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

Question

<div key="testKey">
    <span>1</span>
</div>

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

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

Answer 1

用 DOM 方法，类似：

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

Answer 2

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

var el = (this.$el || document).querySelector("div[key='testKey']");
console.dir(el);
console.dir(el.offsetWidth);