vue項目中$t()的意思是什么
更新時間:2022年04月18日 09:03:43 作者:異世城
這篇文章主要介紹了vue項目中$t()的意思是什么,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
vue中$t()的意思
一般項目vue文件中將會把中文字符的數(shù)量拉至最低,這時候需要用一個文件容器來儲存他們。
舉例:
<el-form-item
:label="$t('staffManage.modal.userName')"
prop="userName"
class="is-required"
>
?? ? <el-input
?? ? v-model="formValue.userName"
?? ? :placeholder="$t('staffManage.modal.placeholder')"
?? ? />
?</el-form-item>這里的$t()內(nèi)的字符串實則是某個目錄下hs文件中的一個參數(shù)
export default {
?? ? ?modal: {
? ? ?? ?placeholder: '請輸入',
? ? ?? ?userName: '姓名'
? ? }
? }
}導出
import staffManage from './platform/staff-manage/index';
const locale = {
?? ?staffManage?
}
export default locale;若在script標簽中調(diào)用。則直接this.$t()
vue中$t()的使用說明
實例:

說明:
$t是掛到了Vue.prototype上的一個方法,接受一個字符串作為參數(shù),data-table的headTitle
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
Vue Cli 3項目使用融云IM實現(xiàn)聊天功能的方法
這篇文章主要介紹了Vue Cli 3項目 使用融云IM實現(xiàn)聊天功能,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
Vue.js結合bootstrap前端實現(xiàn)分頁和排序效果
這篇文章主要為大家詳細介紹了Vue.js結合bootstrap 前端實現(xiàn)分頁和排序效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-12-12
vue forEach循環(huán)數(shù)組拿到自己想要的數(shù)據(jù)方法
今天小編就為大家分享一篇vue forEach循環(huán)數(shù)組拿到自己想要的數(shù)據(jù)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09

