detailInfo.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <view style="padding:20rpx">
  3. <view
  4. style="padding: 30rpx; background-color: #fff; border-radius: 10rpx; font-size: 32rpx; line-height: 50rpx">
  5. <view v-html="contents"></view>
  6. </view>
  7. </view>
  8. </template>
  9. <script>
  10. export default {
  11. data() {
  12. return {
  13. contents: ''
  14. }
  15. },
  16. onLoad(options) {
  17. this.contents = options.contents;
  18. },
  19. computed: {
  20. // formattedContents() {
  21. // // 替换原有的 onclick 为 Vue 的 @click 事件处理
  22. // return this.contents.replace(/onclick='window\.previewPdf\("([^"]+)"\)'/g, (match, p1) => {
  23. // return `@click.prevent="previewPdf('${p1}')"`;
  24. // });
  25. // }
  26. },
  27. methods: {
  28. // handleClick(event) {
  29. // // 处理点击事件
  30. // const target = event.target;
  31. // if (target && target.classList.contains('pdf-link')) {
  32. // const val = target.getAttribute('data-pdf'); // 获取链接文本
  33. // this.previewPdf(val);
  34. // }
  35. // },
  36. // previewPdf(val) {
  37. // // 在这里添加预览 PDF 的逻辑
  38. // console.log('预览 PDF', val);
  39. // }
  40. }
  41. }
  42. </script>
  43. <style>
  44. /* 添加样式(如果需要) */
  45. </style>