连接接口中的数据,打印出来一堆乱码还是代码的东西,要怎么正确显示它的内容呢?
接口代码:
const articleDetails = useCallback((passPage) => {
return request({
url: '/articleDetails',
method: 'get',
data: {
type:1,
id:212
},
success: function(res) {
console.log(res)
userInfo.content=res.data.data.content
console.log(userInfo.content)
}
})
}, [page])
页面显示:
<Text>{userInfo.content}</Text>
rich-text
https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html
<rich-text type="text">123{userInfo.content}</rich-text>
<rich-text nodes="{{userInfo.content}}"></rich-text>
<rich-text nodes={userInfo.content}></rich-text>
返回的是富文本格式。试一下放到小程序的editor里
https://developers.weixin.qq.com/miniprogram/dev/component/editor.html
只是显示不需要编辑可以用楼上说的rich-text
https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html
<Editor>{userInfo.content}</Editor>
然后用<RichText>标签
https://jin-yufeng.gitee.io/mp-html/#/overview/feature
富文本解析器