首页 > 解决方案 > Vue - 访问输入属性内的输入值

问题描述

是否可以在它的定义/属性中访问inputs 值?

例如,如果您希望输入为绿色(如果不是空的)但您不想使用Vue.data.

像这样:

<v-text-field background-color="'green' ? <THISVAL> : 'red'"></v-text-field> 

还是我需要v-model在 ? 中定义变量Vue.data

标签: javascriptvue.js

解决方案


是的,您确实需要v-modelVue.data.

为什么?请记住,vue 使用虚拟 DOM。第一次处理此模板时,DOM 中不存在任何实际元素,可以通过this. 它需要事先知道要渲染到 DOM 中的内容。


可以获得component-template-refs对实际 HTML 元素的引用,但这些引用是在组件安装后分配的,并且不需要像这样的用例


推荐阅读