<template>
<button :disabled="true" type="primary" :loading="true">测试按钮</button>
</template>
1***@qq.com
- 发布：2022-03-01 10:10
- 更新：2022-03-01 10:16
- 阅读：714
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 21H2 19044.1526
HBuilderX类型： 正式
HBuilderX版本号： 3.3.11
浏览器平台： Chrome
浏览器版本： 98
项目创建方式： HBuilderX
示例代码：
操作步骤：
Vue版本选择3，
然后给button按钮的loading设置为true，
打包H5，就会发现按钮的loading图标不显示（打包之前是正常的，打包以后就不显示了，很奇怪）
切换为Vue 2就没这个问题，应该是Vue 3打包的问题
Vue版本选择3，
然后给button按钮的loading设置为true，
打包H5，就会发现按钮的loading图标不显示（打包之前是正常的，打包以后就不显示了，很奇怪）
切换为Vue 2就没这个问题，应该是Vue 3打包的问题
预期结果：
按道理loading图标应该要显示的
按道理loading图标应该要显示的
实际结果：
实际没显示
实际没显示
bug描述：
H5发布以后，如题，按钮组件的loading为true的时候，那个转圈的图标显示不出来
在开发的时候，是没问题的，但是打包成网页就显示不出来了。
BoredApe - 有问题就会有答案。
使用最新的HBuilder X 3.3.12.20220222-alpha版本是否能重现问题。在manifest.json中的源码模式查看是否有
"h5" : {
"router" : {
"base" : "./"
},
"optimization" : {
"treeShaking" : {
"enable" : false
}
}
},删除摇树模式optimization试试
1***@qq.com (作者)
我更新了alpha版本，然后去掉了摇钱，还是不行，怪了
2022-03-01 10:31
BoredApe
回复 1***@qq.com: 发一个能重现问题的测试工程
2022-03-01 10:34
1***@qq.com (作者)
回复 BoredApe: http://test.36.re/ 这个是测试地址，http://test.36.re/test.zip这个是项目压缩包
2022-03-01 10:42
1***@qq.com (作者)
回复 BoredApe: 为了方便对比，我用vue2打包了一个 http://test.36.re/2/ 这个就是正常的，我对比了一下两个按钮的样式，好像也没啥区别，就是不知道为什么2正常，3不正常。
2022-03-01 10:56
BoredApe
回复 1***@qq.com: 你的
HBuilder X版本是多少我使用你的代码打包打包h5是正常的，你unpackage目录下已打包过的是有问题的。2022-03-01 11:03
1***@qq.com (作者)
回复 BoredApe: 之前是3.3.11正式版发现的问题，小版本号我忘了，但是我检查升级说我是最新的正式版，但是可以升级alpha版本，然后您说升级到alpha版本，现在是3.3.12.20220222-alpha（新解压到单独的文件夹测试的，vue3的插件都是重新下载的），但是仍然有问题……
2022-03-01 11:10
1***@qq.com (作者)
回复 BoredApe: 我刚刚用3.3.12重新建项目，重新打包，又正常了……难道是因为我用的3.3.11创建的项目的原因？
2022-03-01 11:13
1***@qq.com (作者)
回复 BoredApe: 不好意思，麻烦了，我现在没办法重现了，大概率是3.3.11的问题
2022-03-01 11:18
BoredApe
回复 1***@qq.com: 那可能是。解决了就行
2022-03-01 12:26