How can I call a method from html attribute in vue js

Question

I have a form and I need to call a method from a placeholder and also from other types of html attribute.

Is there anyways I can call a vue method? Here is what I am trying to do

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

It seems this method cannot be called this way. Is there any other ways to achieve this?

And my method is

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

What do you mean by calling a method from placeholder? Maybe you want computed properties? — Sui Dream
– Sui Dream, Commented Sep 30, 2017 at 9:20
Hi, thank you for the response. It is not an event. I am trying to call a method t() which is declared inside my methods from the placeholder attribute — Hkm Sadek
– Hkm Sadek, Commented Sep 30, 2017 at 9:23

tony19 · Accepted Answer · 2022-07-14 23:52:47Z

10

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

tony19

140k24 gold badges281 silver badges354 bronze badges

answered Sep 30, 2017 at 9:30

Gabriele Petrioli

197k35 gold badges275 silver badges331 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Great, I tried everything except '' single quotation :)

@sadek ah, yes. You cannot nest " inside " without escaping them. The alternative is to use the '.

Manav Mandal · Accepted Answer · 2017-10-03 09:13:58Z

1

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

answered Oct 3, 2017 at 9:13

Manav Mandal

3251 gold badge2 silver badges7 bronze badges