artDetail.vue 718 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <template>
  2. <view class="contet">
  3. <view class="" v-html="content">
  4. </view>
  5. </view>
  6. </template>
  7. <script>
  8. import {
  9. loadIndexs,
  10. getArticleList,
  11. getArtDetai
  12. } from '@/api/index.js';
  13. export default {
  14. data() {
  15. return {
  16. content: '',
  17. id: 0,
  18. }
  19. },
  20. onLoad(opt) {
  21. this.id = opt.id
  22. this.getDetai()
  23. },
  24. methods: {
  25. getDetai() {
  26. let obj = this
  27. getArtDetai({},obj.id).then(res => {
  28. console.log(res)
  29. obj.content = res.data.content
  30. if(obj.content != null){
  31. obj.content = obj.content.replace(/<img/g,"<img style='max-width:100%;height:auto;min-width:100%;'");
  32. }//小程序商品详情图超出屏幕问题
  33. })
  34. }
  35. }
  36. }
  37. </script>
  38. <style>
  39. </style>