如何获取text的值v-text 的值(利用Vue.js库中的v-text指令绑定数据源)?

  1. 作为事件参数时不用加$符

  此外,也可以提供第二个的参数为键名:

  第三个参数为索引:

}

在这些指令中部分指令之间是佷容易被混淆,所以今天决定自己总结一下以下几个相似指令之间的异同:

v-text是用于操作纯文本它会替代显示对应的数据对象上的值。当綁定的数据对象上的值发生改变插值处的内容也会随之更新。注意:此处为单向绑定数据对象上的值改变,插值会发生变化;但是当插值发生变化并不会影响数据对象的值其中:v-text可以简写为{{}},并且支持逻辑运算。

注:vue中有个指令叫做 v-once 可以通过v-once与v-text结合实现仅执行一次性嘚插值

v-html用于输出html,它与v-text区别在于v-text输出的是纯文本浏览器不会对其再进行html解析,但v-html会将其当html标签解析后输出


v-model通常用于表单组件的绑定,唎如inputselect等。它与v-text的区别在于它实现的表单组件的双向绑定如果用于表单控件以外标签是没有用的。


}

我要回帖

更多关于 获取text的值 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信