在按住Vue.js键的同时单击span也会单击输入。如何防止这种情况发生？

<template>
  <div>
    <span @click.stop="handleClick">点击我</span>
    <input type="text" v-model="inputValue">
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    handleClick() {
      // 处理点击事件
    }
  }
};
</script>

<template>
  <div>
    <span class="disabled">点击我</span>
    <input type="text" v-model="inputValue">
  </div>
</template>

<style>
.disabled {
  pointer-events: none; /* 禁用鼠标事件 */
  cursor: default; /* 鼠标样式设置为默认 */
  opacity: 0.5; /* 设置透明度为0.5，表示不可点击 */
}
</style>