javascript - vue项目网页使用wx-open-launch-weapp打开小程序问题?
问题描述:
现已实现使用wx-open-launch-weapp跳转小程序,流程已经走通。
问题:
项目中跳转小程序的入口有多个,想把wx-open-launch-weapp封装成一个组件,在各个页面调用。可自定义展示文本以及展现形式是button 还是 text.
使用text/wxtag-template包裹的部分如何判断是button还是text?试了微信语法和vue语法都不管用
代码
<wx-open-launch-weapp id="launch-btn" username="gh_*" path="/pages/****" @launch="onLaunch" @error="onError" > <script type="text/wxtag-template"> <style> .wx-sign{ height: 50px; display: flex; align-items: center; color:#303133; font-size: 13px; } .wx-sign-btn{ width:50px; height:50px; background:red; } </style> <view class="wx-sign"> <button class='wx-sign-btn' wx:if="{{ isBtn }}">按钮</button> <text wx:else class="wx-sign-text">{{ signText }}</text> <button class='wx-sign-btn' v-if="isBtn">按钮</button> <text v-else class="wx-sign-text">{{ signText }}</text> </view> </script> </wx-open-launch-weapp>
第 1 个答案:
<wx-open-launch-weapp id="launch-btn" username="gh_*" path="/pages/****" @launch="onLaunch" @error="onError" > <script type="text/wxtag-template"> <style> .wx-sign{ height: 50px; display: flex; align-items: center; color:#303133; font-size: 13px; } .wx-sign-btn{ width:50px; height:50px; background:red; } </style> <view class="wx-sign"> <button class='wx-sign-btn' wx:if="{{ isBtn == 'true' }}">按钮</button> <text wx:else class="wx-sign-text">{{ signText }}</text> </view> </script> </wx-open-launch-weapp>
自定义的tabbar组件css.k-tabbar { display: flex; justify-content: space-around; font-size: 1 ...