elment 动态改变组件是否必填

在Element UI中，我们可以通过设置某个表单组件的`required`属性来指定该组件是否必填。默认情况下，该属性的值为`false`，即该组件不是必填的。但是，我们可以通过动态改变该属性的值来实现组件是否必填的变化。

例如，我们可以结合Vue.js的动态数据绑定来实现动态改变组件是否必填。首先，在Vue实例的`data`选项中定义一个名为`isRequired`的数据属性，并将其初始值设为`false`。然后，我们可以在表单组件的`required`属性中使用这个`isRequired`属性。这样，组件的必填状态将根据`isRequired`的值进行动态改变。

下面是一个示例的Vue组件代码：

<template>
  <div>
    <el-input v-model="text" :required="isRequired"></el-input>
    <el-button @click="toggleRequired">Toggle Required</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isRequired: false,
      text: ''
    }
  },
  methods: {
    toggleRequired() {
      this.isRequired = !this.isRequired;
    }
  }
}
</script>

在上面的代码中，我们使用`el-input`组件作为例子。`required`属性绑定了`isRequired`数据属性，这样当`isRequired`的值改变时，组件的必填状态也会相应改变。

通过以上实现，我们可以动态改变Element UI组件的必填状态，实现灵活的表单验证。