uniapp解决robin-editor从后台接口获取到的值渲染不了页面

Ourboke
Ourboke
Ourboke
30797
文章
148
评论
2022年5月9日10:37:20

问题描述:项目多处需要文本编辑器组件,就引入了官方提供的robin-editor文本编辑器组件,但是在页面上用组件时,从后台接口返回的description数据,并没有在编辑器中回显,我用的v-model双向绑定的,为什么数值变化,还是没有回显呢。

返回的数据格式 如下:

在这里插入图片描述

数据格式是没有问题,本地data中写死数据 是可以正常渲染的

代码:

<view>
				<robin-editor class="editor" ref="edit" v-model="html" :muiltImage="true" placeText="请输入通知详情">
				</robin-editor>
			</view>
			
import RobinEditor from "@components/robin-editor/components/robin-editor/robin-editor"
		components: {
			RobinEditor,
		},
	data() {
			return {
				html: '',
		 },
},

结果就是在在组件加载时,html = ‘’ ‘’ ,然后我就想是不是我可以先拿到数据,再开始去加载子组件,然后解决了。

修改之后的代码:

在这里插入图片描述

data中 定义:

在这里插入图片描述

方法中增加判断:

在这里插入图片描述

<view v-show="loadEdit">
				<robin-editor class="editor" ref="edit" v-model="html" :muiltImage="true" placeText="请输入通知详情">
				</robin-editor>
</view>
import RobinEditor from "@components/robin-editor/components/robin-editor/robin-editor"
		components: {
			RobinEditor,
		},
	data() {
			return {
				html: '',
				loadEdit:false,
		 },
},
async onLoad(options) {
			let self = this;
			self.fm = uni.getStorageSync("noticeDetail")
			self.html=self.fm.description
			if(self.fm.description){
				self.loadEdit=true //有值加载文本编辑器组件
			}
}	

效果: 可以正常显示啦

在这里插入图片描述

类似的 ehart图表在微信小程序中使用,手机展示 也会有类似问题,解决方法相同哈~

本地环境利用Node.js实现石头剪刀布游戏 网站建设

本地环境利用Node.js实现石头剪刀布游戏

前一段日子学了个石头剪刀布游戏,自己在本地进行了实现,想挂在自己服务器上让他形成一个外网可访问的游戏的时候,出了问题,是接口请求路径不对的问题,现在还不知道什么原因,等解决之后我还会更一下。 所需要...
Zabbix实现对Memcached的监控 网站建设

Zabbix实现对Memcached的监控

Zabbix对Memcached的监控的主要思路是Memcached自身提供了查询状态的命令stats,通过脚本调用此命令并进行数据抽取完成对Memcached的实时监控。 基本步骤:自定义监控...