index.vue 737 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <view class="tip-message">
  3. <view class="text-message">{{ renderDom[0].text }}</view>
  4. </view>
  5. </template>
  6. <script>
  7. import { parseGroupTip } from '../../../base/message-facade';
  8. export default {
  9. data() {
  10. return {};
  11. },
  12. components: {},
  13. props: {
  14. message: {
  15. type: Object
  16. }
  17. },
  18. watch: {
  19. message: {
  20. handler: function(newVal) {
  21. this.renderDom=parseGroupTip(newVal);
  22. // this.setData({
  23. // renderDom: parseGroupTip(newVal)
  24. // });
  25. },
  26. immediate: true,
  27. deep: true
  28. }
  29. },
  30. beforeMount() {
  31. // 在组件实例进入页面节点树时执行
  32. },
  33. destroyed() {
  34. // 在组件实例被从页面节点树移除时执行
  35. },
  36. methods: {}
  37. };
  38. </script>
  39. <style>
  40. @import './index.css';
  41. </style>