微信小程序引入HTML代码,渲染HTML代码片段

news/2024/7/23 21:30:46 标签: 前端

首先效果图:

      

这里我使用的是wxParse来渲染HTML页面的,git地址是:https://github.com/icindy/wxParse,下载好了,把包引入到程序中。

先看看WXML,先引入wxParse.wxml,data这里存放的就是一些html代码,通过模板的方式将它渲染出来:

  <view>
    <import src="./wxParse/wxParse.wxml" />
    <template is="wxParse" data="{{wxParseData:detail_content.nodes}}" />
  </view>

在JS中引入wxParse.js,代码:

const WxParse = require('./wxParse/wxParse.js');
imptHtmlContent() {
    var that = this;
    //this.data.newsInfo.content是接口里取到的HTML片段
    var detail_content = this.data.newsInfo.content;
    WxParse.wxParse('detail_content', 'html', detail_content, that, 5);
},

然后调用接口的地方触发就ok了:


http://www.niftyadmin.cn/n/825438.html

相关文章

微信小程序分包,分包与主包之间的页面跳转

打包原则 声明 subpackages 后&#xff0c;将按 subpackages 配置路径进行打包&#xff0c;subpackages 配置路径外的目录将被打包到 app&#xff08;主包&#xff09; 中app&#xff08;主包&#xff09;也可以有自己的 pages&#xff08;即最外层的 pages 字段&#xff09;s…

好评动画效果网站

https://cssfx.lovejade.cn/ https://codepen.io/topic/vue/templates http://www.html580.com/tool/css3maker/animation.php

微信小程序同步方法,方法内顺序从上至下依次执行

执行顺序被异步执行了&#xff0c;使用async-await让它同步执行。

微信小程序长按属性

长按触发就是这个bindlongpress"xx"

css实现div平分

先看效果图&#xff0c;无论多少个块级元素都会被平分 上代码&#xff1a; //父级 .xya_strip{justify-content: space-between;padding: 0rpx 30rpx; } //子级 .xya_strip view{width: 100% !important; }

vue、小程序都适用的回调函数,用于处理异步请求

/*** 先执行的函数&#xff0c;obj定义回调的对象*/getMesCount(obj) {let param {}getManagerMsgCount(param).then(res > {//对象里添加result变量用于接收res接口反过来的数据obj.result(res)})},/*** 后执行的函数&#xff0c;对象里调用result元素*/this.getMesCount(…

配置Java开发环境eclipse+JDK1.8+Tomcat8

先安装eclipseJDK1.8Tomcat8 安装JDK步骤&#xff1a; 先到Oracle官网下载JDK8 根据自己电脑环境选择下载-------------------------------------------------------- 双击点击安装&#xff0c;直接下一步------------------------------------------------------ 可更改安装…

安装MySQL数据库步骤

MySQL官网&#xff1a;https://www.mysql.com/ MySQL Community Server 是开源免费的------------------------------------ 选择直接下载------------------ 下载之后将my.ini放入根目录 basedir为根目录路径&#xff0c;datadir为data路径--------------------- [mysql]def…