Vue3的组件上v-model的用法

2021-03-29  本文已影响0人  曾祥辉

Vue3的组件上v-model的用法
用法示例:

//vue3
//父组件
<components v-model:value="x"></components>
//子组件
......
<script>
export default {
  setup(props,context){
    context.emit('update:x',<value>) 
};
</script>

相当于 vue 2

// vue2
//父组件
<components :value.sync="x"></components>
<script>
export default {
  props:{
    x:''
    },
  methods: {
    f1(){
      this.$emit('update:x',<value>) 
    }
  },
};
</script>

注:Vue3 v-model没有.sync修饰符

上一篇 下一篇

猜你喜欢

热点阅读