2025年02月18日 建站教程
vue项目如何利用v-for批量绑定按钮，下面给大家简单介绍一下实现代码！
1、定义一个v-for循环
<el-button v-for="(item, index) in tableBtn" :type="item.type" :icon="item.icon" :key="index" @click="callBack(item.method)"> { item.label }} </el-button>
2、tableBtn数组
_table.tableBtn = [
{
type: "primary",
icon: "el-icon-picture-outline",
method: "openImage",
label: "图像"
},
{
type: "primary",
icon: "el-icon-document",
method: "openReport",
label: "报告"
},
{
type: "danger",
icon: "el-icon-video-camera",
method: "openVideo",
label: "视频"
}
];
3、methods按钮事件
openImage() {
console.log("打开图像");
},
openReport() {
console.log("打开报告";
},
openVideo() {
console.log("打开视频");
},
callBack(method) {
this[method]();
}
本文链接：http://so.lmcjl.com/news/23396/