vue自定义一个v-model的实现代码

2019-11-19 13:37:35

字体：大中小

来源：转载

供稿：网友

目标

<template>  <my-form v-model="form">  </my-form></template><script>  export default {    data() {      return {        form: ''      }    }  }<script>

实现

// my-form组件<template>  <form>    <input v-model="model.val1" />    <textarea v-model="model.val2"></textarea>  <form></template><script>  export default {    model: {      prop: 'model',      event: 'change'    },    props: {      model: Object    }    watch: {      model(val){        this.$emit('change', val)      }    }  }<script>

总结

以上所述是小编给大家介绍的vue自定义一个v-model的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持！

上一篇：详解如何使用webpack打包JS

下一篇：JS实现模糊查询带下拉匹配效果