<div>
<wxc-popup :show="isBottomShow"
@wxcPopupOverlayClicked="popupOverlayBottomClick"
pos="right"
width="400">
<div class="demo-content">
<switch :checked="show"
slot="value"
@change="show = !show"></switch>
</div>
</wxc-popup>
</div>
5***@qq.com
- 发布：2020-09-30 15:32
- 更新：2020-09-30 16:39
- 阅读：830
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 家庭中文版
HBuilderX类型： 正式
HBuilderX版本号： 2.8.13
手机系统： Android
手机系统版本号： Android 10
手机厂商： 华为
手机机型： 荣耀20i
页面类型： nvue
打包方式： 离线
项目创建方式： HBuilderX
示例代码：
操作步骤：
<template>
<div class="page-body">
<div class="page-section page-section-gap">
<map id="mymap" class="mapdiv"
style="{'width':screenWidth+'wx','height':screenHeight+'wx'}"
scale="scale"
longitude="center[0]"
latitude="center[1]"
markers="marker"></map>
<div>
<wxc-popup :show="isBottomShow"
@wxcPopupOverlayClicked="popupOverlayBottomClick"
pos="right"
width="400">
<div class="demo-content">
<switch :checked="show"
slot="value"
@change="show = !show"></switch>
</div>
</wxc-popup>
</div>
<div class="coveragebtn" @click="open">
<image class="coveragebtnimg" src="/static/image/coverage.png"></image>
</div>
<div class="locationbtn" @click="getLocationInfo">
<image class="locationbtnimg" src="/static/image/location.png"></image>
</div>
<div class="fangdabtn" @click="setscale(1)">
<image class="fangdabtnimg" src="/static/image/fangda.png"></image>
</div>
<div class="suoxiaobtn" @click="setscale(-1)">
<image class="suoxiaobtnimg" src="/static/image/suoxiao.png"></image>
</div>
</div>
</div>
</template>
<wxc-popup :show="isBottomShow"
@wxcPopupOverlayClicked="popupOverlayBottomClick"
pos="right"
width="400">
<div class="demo-content">
<switch :checked="show"
slot="value"
@change="show = !show"></switch>
</div>
</wxc-popup>
</div>
<div class="coveragebtn" @click="open">
<image class="coveragebtnimg" src="/static/image/coverage.png"></image>
</div>
<div class="locationbtn" @click="getLocationInfo">
<image class="locationbtnimg" src="/static/image/location.png"></image>
</div>
<div class="fangdabtn" @click="setscale(1)">
<image class="fangdabtnimg" src="/static/image/fangda.png"></image>
</div>
<div class="suoxiaobtn" @click="setscale(-1)">
<image class="suoxiaobtnimg" src="/static/image/suoxiao.png"></image>
</div>
</div>
</div>
</template>
预期结果：
可以使用
可以使用
实际结果：
switch组件不显示
switch组件不显示
bug描述：
在nvue文件中使用uniui 的switch组件编译到app真机上不显示 ，在vue界面编译到小程序和网页正常
1 个回复
chenli
改一下试看看