vue中的计算属性传参;computed传参;


在计算属性中传参,然后写逻辑返回值,需要在封装一层:

computed: {

  函数名() {

    return( 参数 ) => { 逻辑 }

  }

}

 

<el-form-item :label="specificationTitle(item)" :prop="item" v-for="item in specificationFrom" :key= "item.id">
<el-input v-modeL="form[item]" :placeholder="`请输入`+ specificationTitle(item)"></el-input>
</el-form- item>

 

computed: {
    specificationTitle () {
        return (val) => {
            let title = ''
            if (val === 'coLour') { 
                title = '颜色'
            } else if (val === 'standard') {
                title = '工艺'
            } else if (val === 'supplier') {
                title='供应商'
            } else {
                title = '所属专用'
            }
            return title
    }
}        

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM