div或者input框禁用后无法触发点击事件

在日常开发中，div或者input框添加disabled属性很常见，那么禁用后无法触发点击事件时应该怎么处理呢？ 我们可以通过添加css属性style="pointer-events: none"来解决，代码如下：

      <div
        class="test"
        v-for="(item, index) in testList"
        :key="index"
        @click="toDetail(item.url)"
      >
        <input style="pointer-events: none" :label="item.label" />
      </div>