element dialog使用vue-cropper存在上传成功后在不刷新当前页面或者整个页面再次打开无法裁剪的问题

1.该问题在CSDN上已经有人指出来了https://blog.csdn.net/qq_39234840/article/details/92806946,但是依然没有说出解决问题的关键。

2.在若依的vue版本(https://gitee.com/y_project/RuoYi-Vue)中使用了vue-cropper的地方也依然存在同样的问题,在issues中我也对提了问题(https://gitee.com/y_project/RuoYi-Vue/issues/I1L81Z),但是作者还没解决这个小bug(ps:可能大佬太忙了,只有我才有闲情逸致去扣这些小bug吧。)

3.为了解决这个小问题,我还专门去GitHub里边找了vue-cropper的,在issues进行了提问,还是作者大佬给力啊,我稍微几句话的描述人家就给出了解决问题的方法,这里就截个图吧。

4.有了这位大佬的指点,因为RuoYi-Vue里就是element dialog,然后在dialog中放的vue-cropper,所以需要在dialog增加一个opend方法,给vue-cropper绑定一个v-if的参数。具体代码截图如下:

加上以上的代码,问题就搞定了(ps:在上传图片里边加上

store.commit('SET_AVATAR', process.env.VUE_APP_BASE_API + response.imgUrl);

可以解决上传图片成功后右上角小头像不同步更新的问题

)

点击上传图片后右上角的小头像会同步刷新的,至于为什么就请你们自己去探索了。

猜你喜欢

转载自blog.csdn.net/l244112311/article/details/106886751