uview按钮阻止默认行为报错，打印event发现未定义，如何解决？

Question

<u-button type="primary" style="width: 30%" @click="handleReserve"
        >保留</u-button
      >

handleReserve(event) {
  event.preventDefault();
},

Answer 1

因为没有返回 event，不过浏览器做了兜底，可以考虑不在形参中声明 event，直接使用 event 来阻止默认事件。
不过这样的处理虽然可以使用也不会报错，但很不优雅。所以可以考虑使用 Vue 提供的 v-model 修饰符。

<u-button type="primary" @click.prevent="handleReserve">保留</u-button>
<!-- 或者 -->
<u-button type="primary" @click.native.prevent="handleReserve">保留</u-button>

大概的原因其实就是 uViewUI 这个组件库封装的时候并没有返回 event。

• 记录在 uni-app 中使用 uViewUI 的图标组件使用 @click.stop 拦截冒泡事件报错