uni-app基本的数据绑定v-bind,v-for,v-on:click
创始人
2024-11-11 09:10:31

v-bind动态绑定属性
1.在data中定义了一个属性img,是图片路径,把这个图片路径绑定到image中用于展示,利用v-bind进行渲染

 

还可以缩写成

 

v-for的使用
data中定义一个数组,最终将数组渲染到页面上,利用v-for进行循环

 

添加key的绑定是为了适配小程序,如果不需要index,可以直接写成

 

如果给button添加点击事件,可以使用v-on:click

 
methods: {             click(e){ 				console.log(e) 			} 		} 

如果button中的click方法没有传参,但是method里面定一个方法有一个参数e,那么这个参数e就为点击事件中的内容

 
methods: {             click(e){ 				console.log(e) 			} 		} 

如果button中的方法click传递了参数,而且methods里面定一的方法也就只有一个参数e,那么这个e就是值20,如果传递了一个参数,还想获取点击事件,可以这样写

 
methods: {             click(num,e){ 				console.log(e) 			} 		} 

使用$event获取点击事件,这样methods方法里面的参数num就是20,e就是点击事件内容

v-on:click可以简写为@click,如下

 

相关内容

热门资讯

裸辞做“一人公司”,我后悔了 去年这个时候,一位以色列程序员正在东南亚旅行。他顺手把一个在脑子里转了很久的想法做成了产品,一个让任...
南京建成国内首个Pre-6G试... 4月21日,2026全球6G技术与产业生态大会在南京开幕。全息互动技术展台前,一名远在北京的工作人员...
超梵求职受邀参加“2025抖音... 超梵求职受邀参加“2025抖音巨量引擎成人教育行业生态大会”,探讨分享优质内容传播,服务万千学员。 ...
摩托罗拉Razr 2026(R... IT之家 4 月 22 日消息,摩托罗拉宣布新一代 Razr 折叠手机将于 4 月 29 日在美国发...
库克卸任,特纳斯领航:苹果新纪... 苹果首席执行官蒂姆·库克将卸任,硬件工程主管约翰·特纳斯将接任,苹果公司今天宣布此事。 库克将在夏季...