vue-element动态渲染placeholder的值

转载请注明出处
个人博客:https://maxusun.github.io/

在使用element时有个需求：当点击语言切换的时候，可以将界面切换成英文或者中文，需要实时动态渲染。在开始的时候使用v-bind绑定的，但是发现使用v-bind绑定的话，对于一些属性不会进行实时的改变，需要点击一下刷新。在网上找好久，后来试了一种方法，成功解决。
使用vue里面的computed:

// 这是实现代码
computed:{
    elinputphone(){return this.$t('msg.phonenumber')},
    elinputkey(){return this.$t('msg.keyword')},
},

//这是对应的dom代码
<div class="input">
    <el-input
        :placeholder=elinputphone
        prefix-icon="el-icon-message"
        clearable
        v-model="user.phone">
    </el-input>
</div>

通过上面的方法，就可以进行实时渲染。