vue開發記錄--element-ui的form表單label和placeholder國際化遇到的小問題

<el-form-item label="$t('permission.employeeName')">
      <el-input v-model="form.name" placeholder="$t('permission.employeeName')"></el-input>
</el-form-item>

label標籤和plackholder標籤不接受表達式，這樣寫會報錯。

若是在computed裏面返回一個值再放上去這樣也能夠實現，但若是一個頁面有不少個表單元素，computed裏面要寫好多東西，不方便閱讀。後面繼續翻了下官方文檔。

<el-form-item :label="$t('permission.employeeName')">
      <el-input v-model="form.name" :placeholder="$t('permission.employeeName')"></el-input>
    </el-form-item>

在label屬性和plackholder屬性上前加個：，動態添加這兩個屬性就搞定啦！

上圖：

 

一個前端小白在vue開發的路上不斷摸索中......共勉!!