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開發的路上不斷摸索中......共勉!!