vue3 element 文本框当A数据=1时禁用

您可以使用Vue3的v-bind指令和计算属性来实现此功能。以下是一个示例代码：

<template>
  <el-input v-model="inputData" :disabled="isDisabled"></el-input>
</template>

<script>
import { ref, computed } from 'vue';

export default {
  setup() {
    const inputData = ref('');
    const A = ref(0); // 假设A是一个响应式数据

    const isDisabled = computed(() => {
      return A.value === 1;
    });

    return {
      inputData,
      isDisabled,
    };
  },
};
</script>

在上面的代码中，我们定义了一个文本框，并将其绑定到一个名为inputData的响应式变量上。我们还定义了一个名为A的响应式变量，并使用计算属性isDisabled来检查A是否等于1。如果是，则禁用文本框，否则启用它。最后，我们将inputData和isDisabled导出，以便它们可以在模板中使用。