Vue js - v-model problem - Material Design for Bootstrap

Topic: Vue js - v-model problem

SirComix pro asked 6 years ago

Hello,

when i bind some variable to mdb input, it doesn't show.

<mdb-input id="name" label="Project name" v-model="detail.name"/>

Please there is some option you will repair it ?

Thank you for your answer

Add comment

Mikołaj Smoleński staff answered 6 years ago

0 0 Best answer

Hi there,

Currently You're able to set input's value by adding attribute 'value' to it. Also You can get dynamically changed value using '@input' event. Here's the example code:

<mdb-input type="text" label="Basic example" value="Example value" @input="handleInput"/>

...

methods: {
 handleInput (val) {
  console.log(val);
 }
}

Is this enough for Your needs?

Best Regards

Add comment

Mikołaj Smoleński staff answered 6 years ago

0 0 Best answer

Since the next release You'll be able to use v-model also instead of @input event.

Here's the example:

<mdb-input type="text" label="Basic example" v-model="test" />

data() {
 return {
  test: 'Test'
 };
},
watch: {
 test() {
  console.log(this.test);
 }
}

Best Regards

Add comment

Felex answered 4 years ago