针对el-select绑定默认值问题

1.问题重现
创建了一个dialog 绑定了一个对象newDestination 要让其状态属性默认为正常

数据

dialogVisible: false,
newDestination:{ },
options:[
                {
                    label: "正常",
                    value: "1"
                },
                {
                    label: "禁用",
                    value: "2"
                }
            ]

打开dialog方法

//创建提单目的地按钮
        handleDiaNew(){
          this.newDestination.status = "1";  
          this.dialogVisible = true;
        }

      
取消 提交

此时可以看到 el-select并未正常选中正常 而输入框显示的是1

正确做法
将data中newDestination:{ }, 首先初始化newDestination:{status:1 }这样 在渲染前就可以正常绑定默认值了

你可能感兴趣的:(针对el-select绑定默认值问题)