对于表单规则修改，对应表单样式不修改的问题

背景：使用tdesign的t-form进行表单规则的验证

在表单规则中设置required，设置必填，可以设置标题前的小红点  *

因为<t-form> 使用的是伪元素来进行小红点的前置插入的

而该值受表单规则的required来进行显示

目标：需要动态的更改输入框是否必填，同时控制小红点的更改

解法：

通过设置表单规则的required的true和false来进行控制，即通过点击事件来进行切换该值

但是

输入框可以切换是否必填，但是样式的小红点依旧展示

思考了下，发现是DOM已经进行了渲染，因为定义的时候只是普通定义，在后续数据发生改变的时候不会进行响应式的更改

const formRule = {
  redDot: [
    { required: true, message: '必选' },
  ]
}

于是，对表单规则进行响应式处理

const formRule = reactive({
  redDot: [
    { required: true, message: '必选' },
  ]
})

over