vue-i18n 怎么用在data属性上

https://github.com/kazupon/vu...

html中可以这么用

<p>{{ $t("message.hello") }}</p>

那怎么赋给变量呢?

    data () {
        return {
        
          value: "$t('allQuestion')" //无效

        }
    }
阅读 14.9k
5 个回答

遇到同样的方法,已解决,只是不知道好不好:
用computed绑定数据:

// html

 <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]')
            }
        ]
    }
},

怎样再data里遍历使用呢?图片描述

图片描述

这样的话 需要重新刷新下页面才会切换 这是什么原因?
图片描述

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏