Taro -- 微信小程序wxParse達到html轉換wxml


Taro微信小程序可以用wxParse來達到html轉換wxml的效果:https://github.com/NervJS/taro-components-test/blob/master/src/pages/wxParse/wxParse.js

import Taro, { Component } from '@tarojs/taro'
import { View, Text, Image, Button } from '@tarojs/components'
import WxParse from '../../wxParse/wxParse'
import "../../wxParse/wxParse.wxss";

class Home extends Component {
  
  constructor() {
    super(...arguments);
    this.state = ({
      
    })
  }

  config = {
    navigationBarTitleText: '首頁'
  }

  componentWillMount() {
    
  }
  componentDidMount() {
    const article = '<div style="color: red">我是HTML代碼</div><h2>標題2</h2><img src="http://192.168.122.142:80/public/1904/26/public-1904-26-c15d9fb7-0ad5-40a9-b845-6d085d6c0f30.jpg">'
    WxParse.wxParse('article', 'html', article, this.$scope, 5)
  }

  render() {
    return (
      <View className="home">
        <import src='../../wxParse/wxParse.wxml' />
        <template is='wxParse' data='{{wxParseData:article.nodes}}'/>
      </View>

    )
  }
}

export default Home

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM