Using v-model with a prop on VUE.JS
![[愿得一人]](https://www.e-learn.cn/qa/data/avatar/000/00/00/small_000000012.jpg)
I\'m trying to use a data coming from a prop with v-model, the following code works, but with a warning.
-
One general workaround is to introduce a data-variable and watch the props to update-variable. This is quite subtle and so easy to get wrong so here's an example with a Vuetify modal using
v-model(the same technique, in theory, should work with<input>and others):<template> <v-dialog v-model="isVisible" max-width="500px" persistent> </v-dialog> </template> <script> export default { name: 'Blablabla', props: { visible: { type: Boolean, required: true } }, data() { isVisible: false }, watch: { // `visible(value) => this.isVisible = value` could work too visible() { this.isVisible = this.$props.visible } } } </script>讨论(0)
加载中...
- 热议问题