Vue 计算未更新答案

【问题标题】：Vue Computed Not UpdatingVue 计算未更新
【发布时间】：2021-07-04 18:47:51
【问题描述】：

我有一个我想使用的计算函数，但我不断收到“计算属性已分配给但它没有设置器”。我只是想删除所有正斜杠和末尾的“SYG”：99/KRFS/010572//SYG，当它被粘贴到 v-model 输入中以实现此目的时：99KRFS010572。

这是我的设置函数

<input v-model="policyMapName" />
policy-map <span>{{ policyMapName }}</span>

setup() {
    const circuitID = ref('99/KRFS/010572//SYG');

    const policyMapName = computed(() => {
        const cID = circuitID.value;

        return cID.replace(/[/]/g, '').slice(0, -3);
    });
}

【问题讨论】：

标签： vue.js vuejs3 vue-composition-api

【解决方案1】：

您应该使用 getter 将 setter 添加到您的 computed 属性：


<input v-model="policyMapName" />
policy-map <span>{{ policyMapName }}</span>

setup() {
    const circuitID = ref('99/KRFS/010572//SYG');

    const policyMapName = computed({
      get: () => {
        const cID = circuitID.value;

        return cID.replace(/[/]/g, '').slice(0, -3);
     },
    set:(newval)=>{
        circuitID.value =newval
    }   
 });
}

【讨论】：