javascript - 如何获取 ref 属性的值，

Question

如何获取ref 属性的值wwww ？

    <form @submit.prevent enctype="multipart/form-data">
        <input type="file" ref="wwww" @change="selectFile">
    </form>

我喜欢这样：

console.log(this.$refs.wwww)

但我得到的不是一个值，而是这样的：

<input type="file">

我需要这样的：www

标签： javascriptvue.js

Answer 1

refs 的目的正是为了获得对 DOM 元素的引用。如果您尝试在元素上保存任意数据并通过 JavaScript 访问它，我建议使用数据属性：

<input type="file" ref="inputElement" data-whatever="wwww">

然后像这样访问它：

const { inputElement } = this.$refs;
console.log(inputElement.dataset.whatever); // "wwww"

另请参阅使用数据属性和模板引用。