vue el-select带光标

根据提供的引用内容，el-select带光标的问题是在IE11浏览器下出现的。在切换用户状态后，光标会闪烁。解决方法是给input添加UNSELECTABLE属性，代码如下：

const elem = document.getElementById('wbNavUsSelect')
if (elem.hasAttribute('UNSELECTABLE') === false) {
elem.setAttribute('UNSELECTABLE', 'on')
}

此外，引用中还提到了自定义设置下拉框的背景色和hover后的字体颜色和背景颜色，但是当未选中item的时候，将鼠标移出，字体会恢复成白色和背景色融为一体。解决方法是查看类名，根据需求修改背景色或者字体颜色。

相关问题

vue el-select el-input 联动

vue中的el-select和el-input可以通过v-model进行双向绑定，实现联动效果。具体实现步骤如下：

1. 为el-select组件添加v-model属性，绑定一个选中的值；
2. 为el-input组件添加v-model属性，绑定需要联动的值；
3. 监听el-select的change事件，将选中的值赋值给绑定的值；
4. 在el-input组件中通过计算属性computed获取el-select的选中值，并实时更新联动的值。

下面是实现代码：

<template>
  <div>
    <el-select v-model="selectedValue" @change="handleChange">
      <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
    <el-input v-model="inputValue"></el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { label: '选项1', value: '1' },
        { label: '选项2', value: '2' },
        { label: '选项3', value: '3' }
      ],
      selectedValue: '',
      inputValue: ''
    }
  },
  methods: {
    handleChange() {
      this.inputValue = this.selectedValue;
    }
  },
  computed: {
    selectedValue: {
      get() {
        return this.selectedValue;
      },
      set(value) {
        this.selectedValue = value;
        this.inputValue = value;
      }
    }
  }
}
</script>

vue el-select

在Vue中，el-select是一个下拉选择器组件，用于显示和选择选项。它通常与el-option配合使用，el-option表示每个下拉选项。

在引用中，selectMethod被用作el-select的change事件处理函数。这意味着每次下拉选择内容发生改变时，selectMethod函数将被调用。

在引用中，el-select被渲染为一个下拉选择器，并且使用v-model指令与组件的数据value进行双向绑定。它还定义了一个按钮，当点击该按钮时，会调用showoptions函数。

在引用中，showoptions函数用于在点击按钮时打印出el-select中选中的值。通过this.$refs.optionRef.selected.value和this.$refs.optionRef.selected.label可以获取到选中的值的value和label。

因此，通过上述代码示例，可以实现在Vue中使用el-select组件，并在选择发生改变时触发相应的事件，并获取选中的值。