小程序实现动态绑定点击事件

小程序实现动态绑定点击事件

功能：

uniapp小程序v-for循环绑定自定义事件

---

实现：

提示：这里统计学习计划的总量

1、html界面

       <view class="main3_b_main" v-for="(item,index) in list" :key="index">
				<view class="main3_b_l">
					{{item.title}}
				</view>
				<view class="main3_b_r">
					<u-icon @click="getLists(item.clicked)" name="arrow-right" color="#999999" size="24"></u-icon>
				</view>
		</view>

2、动态data中的测试数据

data() {
			return {
				list:[
					{
						title:'我的资料库',
						clicked:'ziliao'
					
					},
					{
						title:'分享二维码',
						clicked:'erweima'
					
					},
					{
						title:'线下培训班次咨询',
						clicked:'banci'
					
					},
					{
						title:'联系客服',
						clicked:'kefu'
					
					},
					{
						title:'新西南教育分校地址',
						clicked:'dizhi'
					
					},
					{
						title:'关于我们',
						clicked:'about'
					
					},
					
					]


			}
		},

3、 methods:中

methods: {
			getLists: function(methodsWords) {
				this[methodsWords]();
			 },
            // 我的资料库
			ziliao(){
				console.log("我的资料库");
			},
			// 分享二维码
			erweima(){
				console.log("分享二维码");
			},
			// 线下培训班次咨询
			banci(){
				console.log("线下培训班次咨询");
			},
			// 联系客服
			kefu(){
				console.log("联系客服");
			},
			// 新西南教育分校地址
			dizhi(){
				console.log("新西南教育分校地址");
			},
			// 关于我们
			about(){
				console.log("关于我们");
			}
		}

3、 结果截图：

4、特别注意：
methods中的getLists和页面中的绑定方法的方式