如何将 element-ui 中的 el-select 默认展开

发布时间:2024年01月08日
<el-form-item label="藕粉桂花糖糕" prop="state" required>
          <el-select
            ref="mySelect"
            v-model="form.state"
            style="width: 280px"
            placeholder="请选择"
          >
            <el-option label="藕粉" :value="1" />
            <el-option label="桂花" :value="2" />
            <el-option label="糖糕" :value="3" />
          </el-select>
</el-form-item>

解决办法:使用 toggleMenu() 方法?

created() {
    // 用之前得 this.$nextTick,需要 dom 存在才好使
    this.$nextTick(() => {
      this.$refs.mySelect.toggleMenu()
    })
},

文章来源:https://blog.csdn.net/lixiaosalalala/article/details/135366821
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。