当前位置: 移动技术网 > IT编程>开发语言>JavaScript > vue条件渲染+列表渲染+事件处理器

vue条件渲染+列表渲染+事件处理器

2020年03月31日  | 移动技术网IT编程  | 我要评论

 

vue条件渲染

v-if  v-else-if  v-else

 

v-if后面是true,则会显示;false则不显示

 

 

结果

 

 

 

输出

 

 

v-show 当为true时显示,为false不显示

 

 

 

 

vue列表渲染

 

 

 

 

 

 带下标的情况

 

 

 

 

对象的循环

 

 

 

 

vue事件处理器

v-on 指令绑定事件,缩写@

 

 

 

 事件绑定的方法在methods中定义

 

 

 

 

事件绑定带参数的函数

 

 

 

 

事件修饰符

.stop 阻止事件冒泡

 

 

 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网