uni-app movable-area 组件 disabled 属性无效

详细问题描述

movable-area 组件 disabled 属性无效

重现步骤

  • [步骤] 给 movable-area 组件 添加 disabled 属性并且值为 true
  • [结果] movable-area 组件中直接子元素 movable-view 组件依旧可以通过 手势拖动
  • [期望] movable-view 组件不可被拖动

IDE运行环境说明

系统 版本
windows 2.0.1.20190614

uni-app运行环境说明

当前测试的 h5 和 app都有该问题

附件

[可重现代码片段] 插件地址：https://ext.dcloud.net.cn/plugin?id=573
可下载该插件，通过添加 disabled 属性 测试

联系方式

[QQ] 1846492969


更多关于uni-app movable-area 组件 disabled 属性无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

请认真看文档 movable-view 才有 disabled 属性

更多关于uni-app movable-area 组件 disabled 属性无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


还真是。抱歉！那一天我是看了假文档！

貌似movable-view disabled 也无效

关于movable-area组件的disabled属性无效问题，这是由于该组件本身并不支持disabled属性导致的。根据uni-app官方文档，movable-area组件没有disabled这个属性配置，所以设置后不会生效。

如果需要禁用movable-view的拖动功能，可以通过以下两种方式实现：

  1. 使用movable-view组件的disabled属性：
<movable-area>
  <movable-view :disabled="true"></movable-view>
</movable-area>
  1. 通过动态控制movable-view的display属性：
<movable-area>
  <movable-view v-if="!isDisabled"></movable-view>
</movable-area>
回到顶部