- 问题:select 选择器再选择时,必须点击其他位置,才能显示选择框中的值
- 解决:显示框中不显示选中的值, 需要进行forceUpdate强制进行刷新,使用
this.$forceUpdate();
进行强制刷新,输入框中的值就会展示 源码如下:
<template> <el-select v-model="value" placeholder="请选择" @change="selectChanged"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </template> <script> export default { data() { return { options: [{ value: '选项1', label: '黄金糕' }, { value: '选项2', label: '双皮奶' }, { value: '选项3', label: '蚵仔煎' }, { value: '选项4', label: '龙须面' }, { value: '选项5', label: '北京烤鸭' }], value: '' } }, methods: { // 改变的值 selectChanged(e) { // 强制刷新 this.$forceUpdate(); }, } </script>