b***@qq.com
b***@qq.com
  • 发布:2023-01-11 16:16
  • 更新:2023-09-14 16:26
  • 阅读:270

vue render动态渲染标签无效问题求助

分类:uni-app

问题描述:
最近做广告展示,希望广告显示样式内容 是通过服务端返回响应的标签代码,然后通过vue 动态渲染出来。但是经测试发现,uview 标签无法正常渲染,望得到社区帮助
但是能渲染原生标签和 el组件标签(el 饿了么系)

插件代码如下:

<template>  
  <div>  
    <view>这是一个组件文本</view>  
    <ad-plugin :html="adInfo.jsCode" v-if="visible" ref="adShow"></ad-plugin>  
  </div>  
</template>  
<script>  
import Vue from 'vue/dist/vue.esm.js';  
export default {  
  name:'smAdShowPlugin',  
  props:['page-code','location-code','app-platform'],  
  data() {  
    return {  
      visible:false,  
      adInfo:{  
        jsCode:'<u-image src="https://cdn.uviewui.com/uview/swiper/2.jpg"></u-image>',  
      },  
      src: 'https://cdn.uviewui.com/uview/swiper/2.jpg'  
    };  
  },  
  components: {  
   adPlugin: {  
     props: {  
       html: String  
     },  
     render(h) {  
       const tagStr = Vue.extend({  
         template: this.html  
       })  
       return h(tagStr, {})  
     }  
   }  
  },  
  mounted() {  
    this.visible = true  
  },  
  onShow() {  
     this.visible = true  
  },  
  onReachBottom() {},  
  methods: {  
  }  
};  
</script>
2023-01-11 16:16 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com

Mark,有解决方案了麻烦踢我一下。

要回复问题请先登录注册