Vue中的指令与修饰符

打印 上一主题 下一主题

主题 531|帖子 531|积分 1593

指令

V-text:元素的textCentent
v-html:元素的innerHTML
v-show:通过样式的display控制显隐
v-if:通过控制DOM改变显隐
v-else:配合v-if
v-for:循环渲染  必须带有key值  key必须是唯一值
v-on:绑定事件,缩写@
v-bind:绑定变量,缩写:
v-model:双向绑定
v-slot:插槽
v-once:只渲染一次
v-pre:跳过元素编译
v-cloak:隐藏双括号,有值在显示
修饰符

.lazy:输入框失去焦点的时候,才更新v-model值
.trim:去掉v-model绑定的值空格
.number:将v-model绑定的值转数字
.stop:阻止事件冒泡
.capture:事件捕获
.self:点击事件绑定本身才触发
.once:事件只触发一次
.prevent:阻止默认事件
.native:绑定事件在自定义组件上时能确保触发(原生事件)
.left/.right/.middle  :鼠标左中右的触发
.sync:简化子修改父值的步骤
 

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

光之使者

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表