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开发的路上不断摸索中......共勉!!