Avue 点击事件触发新增，新增携带数据

2024年4月30日 98次阅读 来源: Ja-yo

一、 新增按钮设置为false 

option: {

        addBtn: false,//设置不显示新增按钮
        column[
                {
                  label: "预警类型",
                  prop: "typeId",
                  type: 'select',
                  dicData: [],
                  props:{
                    label: "formatter", //下拉框显示的名传给前端界面
                    value: "id" //表中的id传给后端
                },
                {
                  label: "参数名称",
                  prop: "itemId",
                  type: 'select',
                  dicData: [],    
                  props:{
                    label: "paramName", //下拉框显示的名
                    value: "paramCode"
                }    
        ]};

判断点击触发事件并赋值 

method:{     
    nodeClick(data, node) {
      if (data.pid.startsWith("U")) {  //以"U"开头
        this.option.addBtn = true;
        this.paramCode = data.value;
        this.$refs.crud.option.column.filter(item => {
          if (item.prop === "itemId") {
            item.value = data.value;
          }
        });
      } else {
        this.option.addBtn = false;
      }
    }
}

此时实现点击触发新增事件，并携带数据，但再次点击其他参数时携带的数据不会改变。

二、 在beforeOpen中添加下列代码即可实现每次点击都会触发事件

 

beforeOpen(done, type) {
        if (["add"].includes(type)) {
          this.form.itemId = this.paramCode;
        }
        done();
      },
    原文作者：Ja-yo
    原文地址: https://blog.csdn.net/qq_18102561/article/details/120102485
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞