前端 - vue3组件的click和change的顺序怎么自己控制 ？

Question

<el-form-item v-if="items[cur]?.option_type===2" @change="saveOptionType0" @click="nextQuestion">const nextQuestion = (pos: number) => {  if (cur.value >= items.value.length) {    return  }  if (items.value[cur.value].option_type == 1) {    return  }  cur.value++  // setTimeout(() => cur.value++,0)}const saveOptionType0 = () => {  user_options_tmp.value[cur.value] = form.resource}

都会用到cur的值。但是默认先执行的click。那我现在的代码逻辑就有问题。需要全部在click里判断了。
有办法先执行 change 么。

Answer 1

DOM 事件的顺序是 Web 规范规定的，和 Vue 无关。所以你的事件处理函数必须遵守相应的规范，才能正确处理。

不过自定义组件的事件顺序是组件代码决定的，但是一般来说也是固定的。

所以你只能选择遵守别人的顺序，不能自己控制。