vue项目网页使用wx-open-launch-weapp打开小程序问题?

现已实现使用wx-open-launch-weapp跳转小程序,流程已经走通。

问题:

项目中跳转小程序的入口有多个,想把wx-open-launch-weapp封装成一个组件,在各个页面调用。可自定义展示文本以及展现形式是button 还是 text.
使用text/wxtag-template包裹的部分如何判断是button还是text?试了微信语法和vue语法都不管用

vue项目网页使用wx-open-launch-weapp打开小程序问题?
vue项目网页使用wx-open-launch-weapp打开小程序问题?
vue项目网页使用wx-open-launch-weapp打开小程序问题?

代码

<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>


回答:

<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>

以上是 vue项目网页使用wx-open-launch-weapp打开小程序问题? 的全部内容, 来源链接: utcz.com/p/934415.html

回到顶部