请教preview 文件预览组件问题

[gaozhao7]

我想要实现的效果：
在vue项目中封装了一个附件卡片组件，想点击这个组件的时候，将URL地址传入到preview组件中，结果发现动态给preview组件的src地址赋值时，虽然能够发起地址请求，但是状态是206无法预览成功 。请问大佬有什么写法可以实现吗？

[chaxus]

我想要实现的效果： 在vue项目中封装了一个附件卡片组件，想点击这个组件的时候，将URL地址传入到preview组件中，结果发现动态给preview组件的src地址赋值时，虽然能够发起地址请求，但是状态是206无法预览成功 。请问大佬有什么写法可以实现吗？

能给出最小复现的例子嘛。如果比较隐私，不方便的话，我感觉可以这样去排查一下：

1. 先试一试文档网站：https://chaxus.github.io/ran/cn/src/ranui/preview/ (GitHub Page 网站，需要科学的方式访问)，在这里测试下文件是否能够预览。会不会是当前 preview 组件写的就有问题，看看有无报错。web端预览很容易遇到兼容性问题，我优先怀疑下 preview组件。
   2.如果可以预览，那就说明 preview 组件没有问题，就去检查下使用的方式。我这里找到几篇关于 preview 组件和 vue 相关的：
   vue中预览docx、xlsx、pptx、pdf：https://blog.csdn.net/weixin_39225682/article/details/137645382
   vue 预览 pptx,xlsx,pdf,docx ： https://www.jianshu.com/p/563de63353e6
   看看有没有帮助。
   当然最好是有相关报错信息，或者最小复现的例子。

[gaozhao7]

1. https://www.jianshu.com/p/563de63353e6

参考了样例可以了，谢谢！

[chaxus]

1. https://www.jianshu.com/p/563de63353e6

参考了样例可以了，谢谢！

OK，能解决问题就好。
如果有时间的话，方便提一个 pr 嘛。给文档加一个 vue 的用例，对应的项目路径是：ran/packages/docs/cn/src/ranui/preview/index.md
估计其他人也可能会遇到这种问题吧，有了用例会好一些。
或者改一下 preview 组件的使用的方法。