vue 实现页面预览效果无法操作(pointerevents)

场景

平台编辑的数据保存后，通过机器人发送到群里，群里打开链接后，希望内容是不可编辑状态，也就是说无法点击和输入，只能预览。

思考

1、对于预览的报告，可以在URL字段控制，当前内容是否预览。
2、然后在各个组件加上禁止状态，如果使用这种方式过于繁琐，如果组件较多都需要加上
3、可以使用蒙曾的方式+透明度实现阻止行为

最佳实现

使用 pointer-events 是否对鼠标事件做出响应，给最外层的div加上就ok了
pointer-events: none;无响应 auto 响应