vue.js 如何在组合API中发出值

zaqlnxep 于 2023-10-23 发布在 Vue.js

关注(0)|答案(2)|浏览(161)

我有一个日期选择器组件，它包含在一个表单中。
如何使用composition API从datepicker组件向Vue3中的表单组件发出值？迄今为止不成功的解决方案是： 1.投掷次数：context.emit is not a function`

setup(context){
....
 function emitDate(){
   context.emit('chosenDate', datepickerValue.value)
 }
}

1.投掷次数：this.$emit is not a function

setup(){
....
  function emitDate(){
    this.$emit('chosenDate', datepickerValue.value)
  }
}

2条答案

你需要将emit，沿着props传递给setup：

setup(props, { emit }) {
function emitDate(){
  emit('chosenDate', datepickerValue.value)
}

或者在脚本设置中：

const emit = defineEmits(['chosenDate'])
function emitDate() {
  emit('chosenDate', datepickerValue.value)
}

setup的第一个参数是props。context在setup之后，请参阅设置参数：

setup(props, context){
....
 function emitDate(){
   context.emit('chosenDate', datepickerValue.value)
 }
}

或者：

setup(props, { emit }){
....
 function emitDate(){
   emit('chosenDate', datepickerValue.value)
 }
}