我正在使用vue3与options api
如下面发布的代码所示，当单击checkbox时，onToggleBtnClearDigitizedChanged()被调用，导致state从false更改为true，并且对于下面的行，使用相同的方法：

this.compPropsVModelToggleClearDigitizedBtn = this.state;

我将分配给this.satate的新值分配给this.compPropsVModelToggleClearDigitizedBtn，它应该是true，但令人惊讶的是，log语句

console.log('##compPropsVModelToggleClearDigitizedBtn:' + this.compPropsVModelToggleClearDigitizedBtn);

打印this.compPropsVModelToggleClearDigitizedBtn的值是false。这怎么可能因为this.state = !this.state，然后this.state的值被分配给this.compPropsVModelToggleClearDigitizedBtn

**代码链接：

link to code

输出：

enter image description here

验证码：

<template>
  <cds-toggle id="idToggleBtnClearDigitized" class="clsToggleBtnDigitizePolygon">
        <label for="toggling-digitization-of-polygon-on-and-off">
            {{ toggleBtnClearDigitizedLabel }}
        </label>
        <input
            type="checkbox"
            :value="compPropsVModelToggleClearDigitizedBtn"
            @input="$emit('update:compPropsVModelToggleClearDigitizedBtn', $event.target.value)"
            :disabled="isToggleBtnClearDigitizedDisabled"
            @change="onToggleBtnClearDigitizedChanged()"
            :checked="compPropsVModelToggleClearDigitizedBtn"
        />
    </cds-toggle>
</template>

<script>
export default {
    data() {
        return {
            state: false,
        };
    },
    props: {
        toggleBtnClearDigitizedLabel: {
            type: String,
            default: 'clear',
        },
        isToggleBtnClearDigitizedDisabled: {
            type: Boolean,
            default: false,
        },
        vModelToggleClearDigitized: {
            type: undefined,
            default:true
        },
    },
    emits: ['update:vModelToggleClearDigitized'],
    computed: {
        compPropsVModelToggleClearDigitizedBtn: {
            get() {
                console.log('get.compPropsVModelToggleClearDigitizedBtn:' + this.vModelToggleClearDigitized);
                return this.vModelToggleClearDigitized;
            },
            set(value) {
                console.log('set.compPropsVModelToggleClearDigitizedBtn:' + value);
                this.$emit('update:vModelToggleClearDigitized', value);
            },
        },
    },
    watch: {
        isToggleBtnClearDigitizedDisabled(newVal, oldVal) {
            console.log( 'watch.isToggleBtnClearDigitizedDisabled.newVal:' + newVal);
            console.log('watch.isToggleBtnClearDigitizedDisabled.oldVal:' + oldVal);
        },
        state(newVal, oldVal) {
            console.log( 'watch.state.newVal:' + newVal);
            console.log('watch.state.oldVal:' + oldVal);
        }
    },
    methods: {
        onToggleBtnClearDigitizedChanged() {
            this.state = !this.state   
            this.compPropsVModelToggleClearDigitizedBtn = this.state;
            console.log('##state:' + this.state);
            console.log('##compPropsVModelToggleClearDigitizedBtn:' + this.compPropsVModelToggleClearDigitizedBtn);
            if (this.compPropsVModelToggleClearDigitizedBtn == true) {
                setTimeout(() => {
                    this.compPropsVModelToggleClearDigitizedBtn = false
                }, 3000);
            }
        },
    },
};
</script>