1.不能这样做

    <p style="cursor: not-allowed;pointer-events: none" @click="clickme">试试点击我</p>

如果只显示禁用样式，用cursor: not-allowed，但是还是可以点击触发了点击事件；如果只让它不能点击，但是却没有禁用样式

那两个一起用不就可以即不可以点击又有禁用样式了嘛。

结果却是不行的

只会变成不可点击，但是禁用样式煤气效果的

2.实现方法

外层给它再套一层盒子，外层盒子用cursor: not-allowed，内层盒子用pointer-events: none

    <div style="cursor: not-allowed">
      <p style="pointer-events: none" @click="clickme">试试点击我</p>
    </div>

实现目的