小程序换行

src/components/basicTool/rich-text/index.vue

@@ -2,9 +2,9 @@
   <!-- 富文本组件 -->
   <div
     class="rich-text"
-    :style="{ padding: padding + 'px', background: backgroundColor }"
+    :style="{ 'padding': padding + 'px', 'background': backgroundColor }"
   >
-    <div v-html="richText"></div>
+    <rich-text :nodes="richText" :space="'nbsp'"></rich-text>
   </div>
 </template>
 
@@ -56,7 +56,6 @@ function formatRichText(html) {
   return newContent;
 }
 export default {
-  name: "rich-text",
   props: {
     render: {
       type: Boolean,
@@ -64,7 +63,9 @@ export default {
     },
     datas: {
       type: Object,
-      default: {},
+      default: ()=>{
+        return {}
+      },
     },
   },
   data() {
@@ -73,13 +74,13 @@ export default {
   components: {},
   computed: {
     padding() {
-      return this.datas.componentData["padding"];
+      return this.datas.componentData.padding;
     },
     backgroundColor() {
-      return this.datas.componentData["backgroundColor"];
+      return this.datas.componentData.backgroundColor;
     },
     richText() {
-      return formatRichText(this.datas.componentData["richText"]);
+      return formatRichText(this.datas.componentData.richText);
     },
   },
   created() {},