如何在父子组件中通过v-model来实现双向绑定?

首先在子组件上通过v-model绑定需要的属性

然后再子组件添加一个props,并通过$emit传给父组件一个input事件

根据上面的图片可以看出v-model分别绑定了一个父传子value自定义属性和子传父的input事件

props: {
    // 子组件接受的自定义属性
    value: {
      type: String,
      default: ''
    }
  },


methods: {
  upload(){
        // 子组件传父组件的自定义事件
      this.$emit('input', `https:${data.Location}`)
    }
},

绑定完成!!!