switch 存在不能点击的问题

C-Chicken

在 swith 标签的外层，包一层 view， 然后 view 使用绝对定位后， switch 就不能切换了，如果没有那层 view 则是可以正确切换
手机vivo x9i 安卓 7.1.2

代码如下：

1. <template name='main'>
   
2.         <view class="">
   
3.                 <safe-area></safe-area>
   
4.                 <view class="testcc">
   
5.                         <switch :checked="true" :disabled="false" color="#f00" @change="test" />
   
6.                 </view>
   
7.         </view>
   
8. </template>
   
9. <script>
   
10. export default {
    
11.         name: 'main',
    
12.         apiready() {
    
13. 
    
14.         },
    
15.         data() {
    
16.                 return {
    
17. 
    
18.                 }
    
19.         },
    
20.         methods: {
    
21.                 test(e){
    
22.                         console.log(`${JSON.stringify(e)}=========来自=======>页面:${api.winName}; 行数: [  ];`)
    
23.                 }
    
24.         }
    
25. }
    
26. </script>
    
27. <style>
    
28. .testcc{
    
29.         position: absolute;
    
30.         top: 50px;
    
31.         left: 50px;
    
32. }
    
33. .height-8 {
    
34.         height: 8px;
    
35. }
    
36. .bg-000 {
    
37.         width: 100%;
    
38.         background: #000;
    
39. }
    
40. .width-100p {
    
41.         width: 100%;
    
42. }
    
43. .height-100p {
    
44.         height: 100%;
    
45. }
    
46. .width-300 {
    
47.         width: 300px;
    
48. }
    
49. .height-300 {
    
50.         height: 300px;
    
51. }
    
52. .width-50 {
    
53.         width: 50px;
    
54. }
    
55. .height-50 {
    
56.         height: 50px;
    
57. }
    
58. </style>

复制代码

技术咨询-F

实时预览时正常是吧

C-Chicken

技术支持-F 发表于 2021-8-30 15:32
实时预览时正常是吧

是的，实时预览没问题，还有提个建议，就是 H5 既然支持，为什么文档里面 没有说明呢？

技术咨询-F

已反馈相关技术查看

技术咨询-Kenny

给最外层的view设置下宽高，testcc作为它的子视图超出了区域，所以无法响应事件。

C-Chicken

技术咨询-Kenny 发表于 2021-8-30 18:09
给最外层的view设置下宽高，testcc作为它的子视图超出了区域，所以无法响应事件。 ...

这个可以，大佬牛逼