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

最新推荐文章于 2023-12-31 20:03:28 发布

人生如梦未阑珊

最新推荐文章于 2023-12-31 20:03:28 发布

阅读量2.4k

点赞数

分类专栏： vue 文章标签：前端

本文链接：https://blog.csdn.net/weixin_42554987/article/details/101062687

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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 }

人生如梦未阑珊

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
vue+elementUi 下拉框初始化默认值后，点击切换其他选项没有反应

vue+elementUi 下拉框初始化默认值后，点击切换其他选项没有反应示例代码如下：<body> <div id="app"> <el-select v-model="message.type" placeholder="请选择"> <el-option v-for="item in options" :key="item...
复制链接

扫一扫