vue3中状态适配

 写一个函数,在函数中定义一个对象 用于存放键值对,最后返回指定状态所对应的的值,即对象[指定状态] 的 对象的值。

在模板中把状态传入

// vue3 setup语法糖中
const formatXXXState = (xxxState)=>{
    const stateMap = {
        键1: '值1',
        键2: '值2',
        ...
    }
    return stateMap[xxxState]
}

// 模板中
{{ formatXXXState[state] }}

例:

vue3中状态适配_第1张图片

你可能感兴趣的:(笔记,vue学习,vue项目,前端,javascript,vue.js)