vue-i18n 怎么用在data属性上

最新推荐文章于 2025-07-16 22:07:44 发布

隔壁老王巴

最新推荐文章于 2025-07-16 22:07:44 发布

阅读量6.2k

点赞数 6

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/web_Leeleon/article/details/84324208

js 专栏收录该内容

16 篇文章

订阅专栏

本文介绍在Vue.js框架中如何使用Computed属性来绑定数据并展示列表项，包括图片和描述，通过实例展示了Computed属性的高效利用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用computed绑定数据:

 <li v-for="(item, index) in stepLists">
    <img :src="item.img" alt="">
    <div class="img-cover">
        <div class="step-title">{{$t('lang.step')}} {{index + 1}}</div>
        <div class="step-dec">
            {{item.stepDec}}
        </div>
    </div>
</li>


//js
computed: {
    stepLists() {
        return [
            {
                img: require('../assets/img/home/step1_pic.png'),
                stepDec: this.$t('lang.homePage.stepLists[0]')
            },
            {
                img: require('../assets/img/home/step2_pic.png'),
                stepDec: this.$t('lang.homePage.stepLists[1]')
            }
        ]
    }
},