前端那些事20240129-前端那些事-avue2弹窗表单配置打开表单前

最新推荐文章于 2024-04-17 11:34:50 发布

前端歌谣

最新推荐文章于 2024-04-17 11:34:50 发布

阅读量402

点赞数 7

文章标签：前端

本文链接：https://blog.csdn.net/qq_41632427/article/details/135912849

版权

2024-vue2vue3-前端那些事专栏收录该内容

312 篇文章 1 订阅

订阅专栏

<avue-crud
  :data="data"
  v-model="form"
  :before-open="beforeOpen"
  :option="option"
></avue-crud>
<script>
  export default {
    data() {
      return {
        form:{},
        data: [{
            name:'张三',
            sex:'男'
        }],
        option:{
          column:[
             {
              label:'姓名',
              prop:'name'
            }, {
              label:'性别',
              prop:'sex'
            }
          ]
        },
      };
    },
    methods: {
      beforeOpen(done,type){
        this.$alert(`我是${type}`, {
          confirmButtonText: '确定',
          callback: action => {
            if(['view','edit'].includes(type)){
              // 查看和编辑逻辑
            }else{
              //新增逻辑
              this.form.name='初始化赋值'
            }
            done();
          }
        });
          
      }
    }
  };
</script>