<avue-crud :data="data" :option="option">
<template #menuHeader="{}">
<el-tag @click="tip()">操作</el-tag>
</template>
</avue-crud>
<script>
export default {
data() {
return {
data: [
{
name:'张三',
sex:'男'
}, {
name:'李四',
sex:'女'
}
],
option:{
column:[
{
label:'姓名',
prop:'name'
}, {
label:'性别',
prop:'sex'
}
]
},
};
},
methods: {
tip(){
this.$message.success('自定义头部按钮');
}
}
}
</script>
前端那些事20240116-前端那些事-avue2自定义操作栏头部
文章展示了如何在使用Vue框架的CRUD组件中,实现数据列表展示并添加自定义头部菜单,点击按钮触发提示消息。
摘要由CSDN通过智能技术生成