我试图得到一个引用的文本框的元素，但$el是未定义的，而它的$ref有对象。
我在这里做错了什么....为了引出这个问题，我过度简化了代码。谢谢!
app.component('lit-entry', {
template:
/*html*/
`
<div>
{{ message }}
<input v-model="favoriteColor" type="textbox" ref="refColor" />
</div>
`,
data() {
return {
message :"Hey there!",
favoriteColor:"Blue"
}
}
, mounted() {
debugger;
var x = this.$refs.refColor.$el;
//refColor has a value but $el is undefined?!?
}
});
对于ref为ref的组件实例，$el属性为DOM元素。
对于元素，其中input是一个ref DOM元素本身，它不应该有$el属性。