HarmonyOS webview组件内容显示空白

按照webview方法,异步获取过来的数据,在模拟器和真机中都不显示,这是为什么,需要对获取的数据做异步等待嘛?

Web({ src: '', controller: this.controller, })
  .javaScriptAccess(true)
  .onControllerAttached(() => {
    //加载本地资源
    this.controller.loadData(this.content, "text/html", "UTF-8", " ", " ");
  })
    //嵌套滚动
  .nestedScroll({
    scrollForward: NestedScrollMode.SELF_FIRST,
    scrollBackward: NestedScrollMode.PARENT_FIRST,
  })

在aboutToAppear获取的 this.title,this.content,this.source,this.publishtime,this.editor这几个值中, this.title,this.source,this.publishtime,this.editor,这四个可以显示出来,而this.content因为放在web里,就显示空白,这是为何?

HarmonyOS
2024-12-25 14:44:46
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

把this.controller.loadData(this.content, “text/html”, “UTF-8”, " ", " ");放到页面前置aboutToAppear这加载,并等待异步方法执行完成

参考以下示例:

async aboutToAppear() {
  const params: ArticleTmp = router.getParams() as ArticleTmp
  await ArticleModel.detail(params.ID).then(data => {
    this.title = data.title
    this.content = ResultContent(data.content)
    this.videos = data.videos
    this.source = data.source
    this.publishtime = data.publishtime
    this.editor = data.editor
    this.proofreader = data.proofreader
    // console.log(data.content)
    console.log(this.content)
    console.log(this.title)
    // console.log(JSON.stringify(data))
  })
}
分享
微博
QQ
微信
回复
2024-12-25 17:35:35
相关问题
ListItem 组件渲染错误空白内容
1013浏览 • 1回复 待解决
HarmonyOS Web组件加载URL显示空白
369浏览 • 1回复 待解决
使用Web组件加载网页,显示空白
790浏览 • 1回复 待解决
webview 如何显示纯文本html内容
2419浏览 • 1回复 待解决
HarmonyOS webview加载页面空白
340浏览 • 1回复 待解决
HarmonyOS webview显示白屏
425浏览 • 1回复 待解决
HarmonyOS web组件加载页面空白
482浏览 • 1回复 待解决
预览器上WEB组件无法显示HTML内容
2894浏览 • 1回复 待解决
服务卡片设置本地图片显示空白
7668浏览 • 2回复 已解决
HarmonyOS webloadData不显示内容
191浏览 • 1回复 待解决
HarmonyOS Next系统webview是什么内容
450浏览 • 1回复 待解决