1、上个代码:
<Input
v-model:value="statusName"
placeholder="状态"
style="width: 100%"
:disabled="true"
/>
这里的statusName就是计算属性
2、statusName
const statusName = computed(() => getStatusName(formStateStelesCurr.status));
import {
ref,
reactive,
onMounted,
nextTick,
computed,
watch,
watchEffect,
unref,
onUnmounted,
} from 'vue';
function getStatusName(status) {
return status == 0 ? '未使用' : status == 1 ? '已使用' : status == 2 ? '已运输' : '已禁用';
}
3、如果直接将这个getStatusName放到v-model上面就会报v-model value must be a valid JavaScript member expression.
当然,如果是slots的话,也是可以的。