如何从 vue js 中的 html 属性调用方法

Question

我有一个表单，我需要从占位符以及其他类型的 html 属性调用方法。

无论如何我可以调用vue方法吗？ 这是我想要做的

<input type="text" class="form-control" v-model="user.userName" 
 placeholder=t("un") required> // want to call method t() from the placeholder

看来这个方法不能这样调用。 有没有其他方法可以实现这一目标？

我的方法是

methods: {
   t(key){
        console.log(key)
        var local='fr';
        return this.trans(key,local);
      }
}

Answer 1

使用v-bind ( https://v2.vuejs.org/v2/api/#v-bind )

<input type="text" class="form-control" v-model="user.userName" 
 v-bind:placeholder="t('un')" required>

Answer 2

<input type="text" class="form-control" v-model="user.userName" :placeholder="t('un')" required>