element ui下拉框只让选一次

要实现element ui下拉框只让选一次，可以在下拉框的change事件中设置下拉框的禁用属性，禁止用户再次选择。具体实现代码如下：

<template>
  <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>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { label: '选项一', value: 1 },
        { label: '选项二', value: 2 },
        { label: '选项三', value: 3 }
      ],
      selectedValue: ''
    }
  },
  methods: {
    handleChange() {
      this.$nextTick(() => {
        this.$refs.select.disabled = true
      })
    }
  }
}
</script>

在上面的代码中，我们在下拉框的change事件中调用handleChange方法，在该方法中设置下拉框的禁用属性，禁止用户再次选择。需要注意的是，我们使用了this.$nextTick()方法，保证在设置禁用属性之前，下拉框已经更新完毕。