美文网首页
4、Mpvue页面跳转传值、V-html解析等

4、Mpvue页面跳转传值、V-html解析等

作者: 晴天3521 | 来源:发表于2022-11-23 14:11 被阅读0次

    一、页面跳转传值

    • 绑定点击事件
     <ul class="list">
          <li v-for="(item,index) in list" :key="index" @click="goContent(item.aid)">{{item.title}}</li>
        </ul>
    
    • 页面跳转传参
     goContent(aid) {
          console.log(aid);
          const url = "../news/main?aid=" + aid;
          mpvue.navigateTo({ url });
    }
    
    • 页面效果


      页面参数

    二、VUE之V-html解析(使用:简单的文本类型)

    • 页面效果


      页面乱码
    • v-html解析代码
    <div v-html="list.content"></div>
    
    • 页面效果


      页面正常

    三、微信小程序值Rich-text(富文本)解析

    <Rich-text></Rich-text>
    

    好了,今天的分享就到这里了!
    愿你三冬暖,愿你春不寒;愿你天黑有灯,下雨有伞。

    相关文章

      网友评论

          本文标题:4、Mpvue页面跳转传值、V-html解析等

          本文链接:https://www.haomeiwen.com/subject/lwyzxdtx.html