uniapp开发微信小程序中使用block标签,在开发环境显示正常,生产环境中显示错误问题

hykeda1年前uniapp396

在使用uniapp开发微信小程序时,使用了block标签进行了逻辑判断:

<block v-show="list.type === 2">
    暂无
</block >
<block v-show="list.type === 1">
    {{list.typestr}}
</block >

 上面的代码在开发环境中显示正常,当type为2是显示“暂无”,但是发布后显示 “undefined暂无”一开始觉得不可思议,怎么type为1的undefined也显示出来了,并且在调试时都没有问题,后面我意识到是不是block在正式环境中不会被渲染的问题,然后我将block替换成text标签,在正式环境中也正常了。

写法一:

<text v-show="list.type === 2">
    暂无
</text >
<text v-show="list.type === 1">
    {{list.typestr}}
</text >

写法二:

<block v-show="list.type === 2">
    <text>暂无</text>
</block >
<block v-show="list.type === 1">
    <text>{{list.typestr}}</text>
</block >

总结:

1、官方给出的解释是:<template/> 和 <block/> 并不是一个组件,它们仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。

2、现在通过实践可以得出block标签不能单独使用,必须配合正常的标签使用。不然就会出现开发环境正常,生产环境出现莫名其妙的显示问题。

标签: block标签

相关文章

微信小程序 getUserProfile直接进入fail函数,getUserProfile调用失败:fail can only be invoked by user TAP gesture.

问题描述小程序更改了调用用户信息的接口调用getUserProfile直接进入失败返回的错误信息如下getUserProfile:fail can only be invoked by user TA...

uniapp微信小程序保存base64图片的方法

使用uni.getFileSystemManager().writeFile去下载base64图片<view class="share-btn" @click="s...

HBuilderX打开微信开发工具失败解决方案

先停止运行到微信开发工具, 然后在微信开发者工具设置-安全里面那个服务端口, 关闭再打开。重新运行就可以了 !...

uni-app错误总结

H5页面中报错信息:[Vue warn]: Duplicate keys detected: 'pages/index/index'. This may cause an update...

uni-app注意点

uni-app注意点

vue只会将已经在data中声明的属性变为响应,没有声明的是不响应的,特别是数组和对象千万要注意export default({    data(){    &...

关于uniapp中v-for循环使用slice(0, 4)导致click事件报错问题

关于uniapp中v-for循环使用slice(0, 4)导致click事件报错问题

在使用uniapp开发时遇到只要循环数组的前四个值,使用了slice函数,在添加click事件后报错:_vm.e0 is not a function<view   ...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。