移动端裁剪

Question

PC 端显示裁剪框，但是移动端不显示那个裁剪框，而且也没有占据全屏，没报错也没报警出告

Answer 1

提问者 别人都说我可帅 2023-04-04 21:39:01

老师，我的图片 剪裁框，选图片的时候不显示，选择完之后在代码里随便打个空格 才显示出来剪裁框，这是什么情况？

• Sunday #1

  你好
  这个问题比较奇怪，按说不应该存在这种问题才对。如果该问题现在依然没有解决，那么可以给我留下一个 git 地址，我查看下对应的源代码。

• 提问者 别人都说我可帅 回复 Sunday #2

  老师我终于发现问题了！！！是 v-if  和 v-show 的问题。因为我在 物料库 popup 中，用的是 v-show="isVisable" 。所以导致我一切换到 移动端页面 onMounted中的 裁剪的功能就直接渲染上去了（此时我还没有去选择图片）。然后我再去动一下代码相当于重新渲染一遍自然就出现了裁剪框。  而我pc端的 dialog 用的是 v-if="isVisable"，所以并没有出现这样的问题。