vue3+ts同一个字段如何赋值Null和布尔型

在Vue 3中使用TypeScript，可以在声明数据时使用联合类型来表示一个字段可以是null或者布尔型。例如：

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  data() {
    return {
      myValue: null as boolean | null
    };
  },
  methods: {
    toggleValue() {
      this.myValue = this.myValue === null ? true : null;
    }
  }
});
</script>

在上面的例子中，我们在声明数据时将myValue的类型定义为`boolean | null`，表示myValue可以是布尔型或者null。在toggleValue方法中，我们使用三元表达式来判断myValue的值是否为null，如果是则将myValue赋值为true，否则将myValue赋值为null。这样就可以实现同一个字段赋值为null和布尔型的需求了。