首页 存档 技术 查看内容

Vue.js学习系列(七)---禁用词语事件

2018-3-30 13:00 |来自: 互联网 218 0

摘要: 点击上方“蓝字”关注本公众号Vue.js学习系列(七)---禁用词语事件○想要使用户与应用进行互动。此时我们就需要使用一个新的指令“v-on”,该指令绑定一个禁用词语事件 上述代码实现的是点击显示时间按钮,将当前的时间显 ...

点击上方“蓝字”关注本公众号

Vue.js学习系列(七)---禁用词语事件

想要使用户与应用进行互动。此时我们就需要使用一个新的指令“v-on”,该指令绑定一个禁用词语事件

上述代码实现的是点击显示时间按钮,将当前的时间显示在id=”div1”的div上。

在 showTime方法中,我们在没有接触 DOM 的情况下更新了应用的状态 - 所有的 DOM 操作都由 Vue 来处理,你写的代码只需要关注基本逻辑。

Vue提供了v-model指令,它使得在表单输入和应用状态中做双向数据绑定变得非常轻巧。


通过v-model指令直接将p标签的值传递到input表单里面。显示结果如下图:

声明:文章版权归原作者所有 部分文章转自互联网 如有侵权请联系 [邮箱地址] 删除

路过

雷人

握手

鲜花

鸡蛋

相关分类

返回顶部