el-select输入后失去焦点时不清空内容

最新推荐文章于 2024-05-21 16:24:56 发布

new code Boy

最新推荐文章于 2024-05-21 16:24:56 发布

阅读量1.2k

点赞数 1

文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/qq_46344419/article/details/132640897

版权

<template>
  <div>
 	<el-select filterable allow-create ref="nameRef" v-model="name" value-key="name" @blur="nameBlur" @input="Update" default-first-option>
    <el-option
       v-for="item in list"
       :key="item"
       :label="item"
       :value="item"
     />
     </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: "",
      list: [],
    };
  },
  methods: {
	nameBlur(){
	  this.name = this.$refs.nameRef.selectedLabel
	},
    Update() {
      this.$forceUpdate()
    }
  },
};
</script>