vue+elementUi 下拉框初始化默认值后,点击切换其他选项没有反应

vue+elementUi 下拉框初始化默认值后,点击切换其他选项没有反应


示例代码如下:

<body>
  <div id="app"> 
    <el-select v-model="message.type" placeholder="请选择">
      <el-option v-for="item in options" :key="item.value" 
      :label="item.label" :value="item.value"></el-option>
    </el-select>
  </div>
  <script>
    var vm = new Vue({
      el: '#app',
      data: { 
        message: {},
        opthions: [
            {
                value: 1,
                label: '书信'
            },
            {
                value: 2,
                label: '电子邮件'
            }
        ]
      },
      created() { 
        this.message.type = '1'
      }
    })
  </script>
</body>

描述:
一般我写代码的时候为了减少不必要的代码,很少会给在data中的对象的属性初始化,如message{ }对象,这个问题的原因就是由此导致
解决方法:
初始化type属性=》message{ type: undefined }

你可能感兴趣的:(vue)