index.vue 1016 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <view>
  3. <mp-html :content="html" domain="https://cs001.kasitesoft.com" />
  4. </view>
  5. </template>
  6. <script>
  7. // 需要测试 nvue 时,将本文件后缀改为 .nvue 即可
  8. // 注意:此示例不包含编辑功能
  9. import mpHtml from '@/components/mp-html/mp-html'
  10. import html from '../../content'
  11. export default {
  12. // HBuilderX 2.5.5+ 可以通过 easycom 自动引入
  13. components: {
  14. mpHtml
  15. },
  16. data () {
  17. return {
  18. html: '',
  19. }
  20. },
  21. onLoad () {
  22. // 模拟网络请求
  23. setTimeout(() => {
  24. this.html = `<aliyun-video contenteditable="false" data-aliyun-video="" data-id="9096b8cdaad071eebd5b0764a0ec0102">&nbsp;</aliyun-video>`
  25. }, 200)
  26. },
  27. methods: {
  28. load () {
  29. console.log('dom 树加载完毕')
  30. },
  31. ready (e) {
  32. console.log('ready 事件触发:', e)
  33. },
  34. imgtap (e) {
  35. console.log('imgtap 事件触发:', e)
  36. },
  37. linktap (e) {
  38. console.log('linktap 事件触发:', e)
  39. }
  40. }
  41. }
  42. </script>
  43. <style>
  44. </style>