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

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,如下

 

相关内容

热门资讯

秒懂普及”新七喜大厅房卡购买“... 秒懂普及”新七喜大厅房卡购买“牛牛房卡是怎么购买的 微信牛牛房卡客服微信号微信游戏中心打开微信,添加...
秒懂教程!我买拼三张房卡链接,... 拼三张是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:71319951许多玩家在游戏中会购买房卡来享...
实测分享”皇豪互娱房卡充值“金... 实测分享”皇豪互娱房卡充值“金花牛牛房卡充值游戏中心打开微信,添加客服【113857776】,进入游...
正版授权“可以一起创房的牛牛,... 九尾大厅是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:160470940许多玩家在游戏中会购买房卡...
分享经验”神盾大新获取房卡教程... 分享经验”神盾大新获取房卡教程“卡农大厅房卡充值游戏中心打开微信,添加客服【113857776】,进...
秒懂教程!微信牛牛房卡如何购买... 牛牛是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:66336574许多玩家在游戏中会购买房卡来享受...
1分秒分析”海贝之城哪里买低价... 来教大家如何使用哪里有详细房卡介绍房卡充值 添加房卡批售商:微【113857775】复制到微信搜索、...
ia实测“在哪里买炸金花房卡便... 天王大厅是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:15984933许多玩家在游戏中会购买房卡来...
实测教程”鲨鱼众娱怎么买房卡“... 实测教程”鲨鱼众娱怎么买房卡“王者大厅房间卡怎么购买游戏中心打开微信,添加客服【113857776】...
秒懂教程!微信买链接牛牛房卡,... 斗牛是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:56001354许多玩家在游戏中会购买房卡来享受...
秒懂教程!微信金花房间卡在哪买... 金花是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:71319951许多玩家在游戏中会购买房卡来享受...
ia实测“微信斗牛房卡专卖店联... 金牛座金花是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:86909166许多玩家在游戏中会购买房卡...
1分秒分析”百万牛房卡客服“拼... 房卡客服是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:113857776许多玩家在游戏中会购买房卡...
一分钟实测分享”海贝之城房卡获... 一分钟实测分享”海贝之城房卡获取方式“金花房卡充值游戏中心打开微信,添加客服【113857776】,...
秒懂教程!拼三张房卡哪里买,新... 拼三张是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:66336574许多玩家在游戏中会购买房卡来享...
一分钟了解“哪里购买斗牛牛链接... 斗牛是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:15984933许多玩家在游戏中会购买房卡来享受...
秒懂普及”新竹大厅在哪里买房卡... 第二也可以在游戏内商城:在游戏界面中找到 “微信金花,斗牛链接房卡”“商城”选项,选择房卡的购买选项...
玩家攻略”新大海房卡获取方式“... 玩家攻略”新大海房卡获取方式“详细房卡使用教程 微信牛牛房卡客服微信号微信游戏中心打开微信,添加客服...
秒懂教程!微信牛牛房卡怎样开,... 斗牛是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:56001354许多玩家在游戏中会购买房卡来享受...
实测教程”贝塔大厅是如何购买的... 第二也可以在游戏内商城:在游戏界面中找到 “微信金花,斗牛链接房卡”“商城”选项,选择房卡的购买选项...