vue 自定义组件 v-model

方法一

props: {
      value: {
        type: String,
        default: () => {
          return ''
        }
      }
    },
computed: {
      radioList() {
        var list = this.value
        return list.filter(item => item.type == 'radio')
      },
    },

methods: {
      change(val) {
        this.$emit('event', param);
      },
}

方法二

model: {
    prop: 'modelVal',//指向props的参数名
    event: 'change'//事件名称
},
props: {
      modelVal: '',
},
computed: {
    imageUrl() {
    return this.modelVal;
    }
},
methods: {
      change(val) {
        this.$emit('change', res.rspBody.relativelyPath);
      },
}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容