vue3 el-form-item 自定义label标签内容

在Vue3中，`el-form-item`是Element UI库中的一个用于表单字段的组件。如果你想自定义`label`标签的内容，你可以通过设置`label`属性来实现。下面是一个基本的例子：

<template>
  <el-form>
    <el-form-item label="这是自定义的Label">
      <!-- 这里是你的输入框或其他组件 -->
      <el-input v-model="inputValue"></el-input>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
    };
  },
}
</script>

在这个例子中，"这是自定义的Label"将会作为`label`元素的内容显示。你也可以动态地控制这个文本，比如根据数据的变化来改变它：

<template>
  <el-form>
    <el-form-item :label="customLabel">
      <el-input v-model="inputValue"></el-input>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      customLabel: '默认的Label',
    };
  },
  computed: {
    // 当你需要根据某个条件改变label时，可以在这里计算
    customLabel() {
      if (yourCondition) {
        return '自定义的Label';
      } else {
        return this.customLabel; // 或者返回默认值
      }
    },
  },
}
</script>