收藏
回答

h5打开小程序:vue使用wx-open-launch-weapp,动态图片地址无法显示?

<wx-open-launch-weapp id="launch-btn" username="gh_***********" path="/pages/index/index.html">
    <script type="text/wxtag-template">
      <style>.img { width: 100%; height: 107.5px; }</style>
        <!-- 下方直接写死静态链接,可以渲染 -->
        <img src="https://....." class="img"/>
        <!-- testImg为vue变量无法显示!!! -->
        <img :src="testImg" class="img"/>
    </script>
</wx-open-launch-weapp>

vue使用wx-open-launch-weapp,动态图片地址无法显示,静态资源就可以,什么原因?
回答关注问题邀请回答
收藏

1 个回答

  • Crystal
    Crystal
    2021-11-04

    可能不识别v-bind语法导致的

    // :src识别不了,使用{{}}传变量
     <img class="img"  src="{{item.menuIconUrl}}" alt="" />
     <div class="text">{{ item.menuName }}</div>
    // v-if识别不了 改为opacity
    <div class="isNew" style="opacity: {{item.isNew}}"></div>
    
    
    
    2021-11-04
    有用 1
    回复
登录 后发表内容