javascript - 一个vue组件文本内容获取？

问题描述

问 题

<template>
    <div class='footer'>
        <ul>
            <li @click='toUrl("/sale")'>
                <p class="footer_icon1"  :class=" {'active':$route.path.indexOf('sale')!== -1 } "></p>
                <span>{{$t("footTitle[0]")}}</span>
            </li>
            <li @click='toUrl("/supply")'>
                <p class='footer_icon2' :class=" {'active':$route.path.indexOf('supply')!== -1||$route.path.indexOf('purchase')!== -1 } "></p>
                <span>{{$t("footTitle[1]")}}</span>
            </li>
            <li @click='toUrl("/info")'>
                <p class='footer_icon3' :class=" {'active':$route.path.indexOf('info')!== -1 } "></p>
                <span>{{$t("footTitle[2]")}}</span>
            </li>
            <li @click='toUrl("/user")'>
                <p class='footer_icon4' :class=" {'active':$route.path.indexOf('user')!== -1 } "></p>
                <span>{{$t("footTitle[3]")}}</span>
            </li>
        </ul>
    </div>
</template>

<script>
export default{
    methods:{
        toUrl(url){
            this.$router.push(url);
        },
    }
}
</script>

{{$t("footTitle[0]")}} 这个是怎么获取数据的？

解决方案

$t是i18n的方法,通过$t('key'),获取json配置文件中对应的value,显示到页面中.

这篇关于javascript - 一个vue组件文本内容获取？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！