vue3 單頁組件

const textUnit =  defineComponent({
    render(){
      const slot = h(ElInput,{
        'modelValue':test.value,
        'onUpdate:modelValue':(val) => {
          test.value = val
        }
      },'')
        return slot
    },
    props: {
        msg:{
            type: String,
        }
    }
})

 

 

 

============= other =================

vue2

{
	props: ['value'],
	render: function (createElement) {
	  var self = this
	  return createElement('input', {
		domProps: {
		  value: self.value
		},
		on: {
		  input: function (event) {
			self.$emit('input', event.target.value)
		  }
		}
	  })
	}
}

vue3

{
  props: ['modelValue'],
  emits: ['update:modelValue'],
  render() {
    return h(SomeComponent, {
      modelValue: this.modelValue,
      'onUpdate:modelValue': (value) => this.$emit('update:modelValue', value)
    })
  }
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章