vue中实现动态点击事件名

种一个月亮 ୧

于 2024-05-22 14:22:49 发布

阅读量383

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_46503396/article/details/139119218

版权

//首先是一个数组列表
data() {
			return {
				operationList: [{
					icon: '../../static/shebei.png',
					name: '全部设备',
					click: 'allDevice'
				}, {
					icon: '../../static/guankong.png',
					name: '管控中',
					click: 'allDevice'
				}, {
					icon: '../../static/lixian.png',
					name: '离线设备',
					click: 'allDevice'
				}, {
					icon: '../../static/jiesuo.png',
					name: '已解锁',
					click: 'allDevice'
				}, {
					icon: '../../static/xinzeng.png',
					name: '本月新增',
					click: 'allDevice'
				}, ]
			}
		},

<view class="box2">
			<text class="title">设备状态</text>
			<view class="main">
				<view v-for="(item,index) in operationList">
				//在这里
					<view  class="demo" @click="this[item.click]()">
						<image :src="item.icon"></image>
						<text style="font-size: 25rpx;">{{item.name}}</text>
					</view>
				</view>
			</view>
		</view>```