uni-app uni-cms-article@1.0.13版本文章详情页显示异常 仅显示标题其余空白 请尽快修复

uni-app uni-cms-article@1.0.13版本文章详情页显示异常 仅显示标题其余空白 请尽快修复

示例代码:

uni-cms-article版本号:uni-cms-article@1.0.13文章详情页一片空白,只显示个标题,麻烦能尽快修复一下吗,项目被耽误太久了

操作步骤:

uni-cms-article版本号:uni-cms-article@1.0.13文章详情页一片空白,只显示个标题,麻烦能尽快修复一下吗,项目被耽误太久了

预期结果:

uni-cms-article版本号:uni-cms-article@1.0.13文章详情页一片空白,只显示个标题,麻烦能尽快修复一下吗,项目被耽误太久了

实际结果:

uni-cms-article版本号:uni-cms-article@1.0.13文章详情页一片空白,只显示个标题,麻烦能尽快修复一下吗,项目被耽误太久了

bug描述:

uni-cms-article版本号:uni-cms-article@1.0.13文章详情页一片空白,只显示个标题,麻烦能尽快修复一下吗,项目被耽误太久了

image

项目信息
产品分类 uniapp/小程序/微信
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 windows11
HBuilderX类型 正式
HBuilderX版本号 3.99
项目创建方式 HBuilderX

更多关于uni-app uni-cms-article@1.0.13版本文章详情页显示异常 仅显示标题其余空白 请尽快修复的实战教程也可以访问 https://www.itying.com/category-93-b0.html

9 回复

uni-cms 版本号是多少呢?

更多关于uni-app uni-cms-article@1.0.13版本文章详情页显示异常 仅显示标题其余空白 请尽快修复的实战教程也可以访问 https://www.itying.com/category-93-b0.html


如果是最新的版本,你同步下uni-cms插件内的uni-cms-articles.schema.ext.js文件

回复 DCloud_uniCloud_CRL: 好的,我晚上回去试试,最新版1.0.13,云空间是阿里云

回复 DCloud_uniCloud_CRL: 这个文件在哪个文件夹下,昨天看论坛教程好像有相似的问题,但是没找到这个文件

回复 开发者在线App: 在 uni-cms 插件的database目录下

回复 DCloud_uniCloud_CRL: 同步了还是不行,只能先用旧版本,小程序先上线再说吧,后面等你们发新版本再用新版本

回复 DCloud_uniCloud_CRL: 请问现在是最新的cms版本,怎么同步这个ext.js文件呢

回复 vaey: uni-cms 插件内的uni-cms-articles.schema.ext.js,同步到uni-cms-article插件内。

在 Uni-App 中使用 uni-cms-article@1.0.13 版本时,如果文章详情页仅显示标题而其余内容为空白,可能是由于以下原因之一导致的。以下是一些可能的解决方案:

1. 检查数据绑定

  • 确保文章内容的数据绑定正确。检查模板中是否正确使用了 v-html 或其他指令来渲染文章内容。
  • 示例:
    <view>
      <view>{{ article.title }}</view>
      <view v-html="article.content"></view>
    </view>
    

2. 检查数据请求

  • 确保在页面加载时正确获取了文章内容。检查 onLoadonShow 生命周期钩子中的数据请求逻辑。
  • 示例:
    onLoad(options) {
      const articleId = options.id;
      this.fetchArticleDetail(articleId);
    },
    methods: {
      async fetchArticleDetail(articleId) {
        const res = await uni.request({
          url: `/api/article/${articleId}`,
          method: 'GET'
        });
        if (res.data.success) {
          this.article = res.data.data;
        }
      }
    }
    

3. 检查样式

  • 确保文章内容的样式没有导致内容被隐藏或覆盖。检查是否存在 overflow: hiddenheight: 0 等样式问题。

4. 检查插件版本

  • 确认你使用的 uni-cms-article 插件版本是否与 Uni-App 的版本兼容。如果有更新的版本,尝试升级到最新版本。

5. 查看控制台错误

  • 打开浏览器的开发者工具或 Uni-App 的调试工具,查看是否有任何 JavaScript 错误或网络请求失败的情况。

6. 调试文章内容

  • 在获取文章内容后,打印内容到控制台,检查内容是否正确。
    console.log(this.article);
回到顶部