javascript - Vue - 访问输入属性内的输入值
问题描述
是否可以在它的定义/属性中访问input
s 值?
例如,如果您希望输入为绿色(如果不是空的)但您不想使用Vue.data
.
像这样:
<v-text-field background-color="'green' ? <THISVAL> : 'red'"></v-text-field>
还是我需要v-model
在 ? 中定义变量Vue.data
?
解决方案
是的,您确实需要v-model
在Vue.data
.
为什么?请记住,vue 使用虚拟 DOM。第一次处理此模板时,DOM 中不存在任何实际元素,可以通过this
. 它需要事先知道要渲染到 DOM 中的内容。
可以获得component-template-refs
对实际 HTML 元素的引用,但这些引用是在组件安装后分配的,并且不需要像这样的用例
推荐阅读
- python - 类 datetime.time 不能转换为 pandas 中的日期时间
- c# - JSON.Net 将单对象数组序列化为对象
- java - 如何在列表视图中添加开关以及如何在新活动中打开和关闭状态
- mysql - 自动生成的sql脚本,不能配置ID参数
- python - 树莓派 3 opencv python 和 pyinstaller
- android - 根据 Firebase 中的优先级对数据进行排序并将其显示在 FirebaseRecyclerAdapter 中
- jenkins - Jenkins:从另一个构建作业中提取工件给定参数
- xquery - 如何在 MarkLogic 中查找索引创建日期?
- java - 尝试为 RPN 计算器创建队列求解器时出现转换错误
- wordpress - Bitnami Discourse 和 Wordpress 在同一 AWS EC2 服务器中独立运行