登录 注册
开源 企业版 高校版 私有云 Gitee AI NEW
开源项目 > WEB应用开发 > Vue扩展组件 & layui 组件 &&
扫描微信二维码支付
取消
支付完成
Watch
不关注 关注所有动态 仅关注版本发行动态 关注但不提醒动态
308 Star 2.9K Fork 540

Layui Vue / layui-vue

代码 Issues 167 Pull Requests 3 Wiki 统计 流水线
服务
Issues
 / 详情

[BUG]input输入框如果使用了append插槽，在disabled状态下 append的作用域也会被禁用

已完成
残云断月
创建于  
2023-05-20 17:20

背景

制作一个输入禁止，但是可以点击弹窗的选择的功能
如下图
输入图片说明
代码截图如下

输入图片说明

这样这个按钮也被一起禁用了

  • 1.描述你希望解决的问题
    在输入框设置disabled时，右边的 选择按钮也被一起禁用了，希望有个参数可以控制是否禁用后面的append插槽内容

  • 2.陈述问题的现状

  • 3.合理的建议
    输入图片说明

我大概看了下源码，建议首先分开那个classes 然后 把禁用的 样式 放到下面一层，因为插槽一般由客户可以自行决定 怎么控制，不建议，将禁用放在最顶级div中

  • 4.当前版本

思路

描述大概的解决思路，可以包含 API 设计和伪代码等

跟进

后续编辑，附上对应的 Pull Request 地址，可以用 - [ ] some task 的方式。

评论 (3)

735237 eden li 1578931722
残云断月 创建了任务
735237 eden li 1578931722
残云断月 修改了描述
展开全部操作日志

在 append 提供 disabled 让用户自行决定是否禁用插槽内容更为合适，不过这有点破坏性更新的意思，我需要考虑一下。

+11
4835367 jmysy 1578975358
就眠儀式 添加了
 
优化
标签

某种情况下 append 与 prepend 更像 input 的外附功能，顾在 2.3.0 之后，不再跟随 input 禁用状态，新增了 disabled 参数，是否禁用由用户控制。

你可以升级到 2.3.0-alpha.1 先行体验该功能，相关提交：https://gitee.com/layui/layui-vue/commit/2555d6d611aa06b606bbd2c22435852f1271b4a0

4835367 jmysy 1578975358
就眠儀式 添加了
 
已解决
标签
4835367 jmysy 1578975358
就眠儀式 将任务状态从 待办的 修改为已完成

登录 后才可以发表评论

状态
负责人
标签
优化
已解决
标签管理
里程碑
未关联
未关联
Pull Requests
未关联
未关联
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
未关联
分支 (7)
标签 (238)
master
jevin/table-toolbat-filter
jevin/datepicker-props-defaulttime
2.x
jevin/patch
jevin/layer-anim-duration
1.x
2.17.1
2.17.0
2.16.8
2.16.7
2.16.6
2.16.5
2.16.2
2.16.1
2.16.0
2.15.2
2.15.1
2.15.0
2.14.4
2.14.3
2.14.2
2.14.1
2.14.0
2.13.4
2.13.3
2.13.2
2.13.1
2.13.0
2.12.0
2.11.4
2.11.5
2.11.3
2.11.0
2.11.1
2.11.2
2.10.2
2.10.3
2.10.1
2.10.0
2.9.1
2.8.0
2.8.1
2.9.0
2.7.4
2.7.2
2.6.3
2.6.4
2.7.0
2.7.1
2.6.2
2.6.0
2.6.1
2.5.0
2.4.1
2.4.0
2.3.19
2.3.20
2.3.17
2.3.18
2.3.15
2.3.16
2.3.13
2.3.14
2.3.12
2.3.10
2.3.11
2.3.9
2.3.8
2.3.7
2.3.5
2.3.6
2.3.4
2.3.3
2.3.2
2.3.1
2.3.0
2.2.2
2.2.1
2.2.0
2.1.4
2.1.2
2.1.3
2.1.1
2.0.5
2.1.0
2.0.4
2.0.3
2.0.2
2.0.1
2.0.0
2.0.0-beta.5
2.0.0-beta.4
2.0.0-beta.3
2.0.0-beta.2
2.0.0-beta.1
1.12.0
1.11.4
1.11.3
1.11.1
1.11.2
1.11.0
1.10.0
1.10.1
1.9.8
1.9.7
1.9.6
1.9.5
1.9.4
1.9.3
1.9.2
1.9.1
1.9.0
1.8.10
1.8.9
1.8.8
1.8.7
1.8.6
1.8.5
1.8.4
1.8.3
1.8.2
1.8.1
1.8.0
1.7.13
1.7.12
1.7.11
1.7.10
1.7.9
1.7.8
1.7.7
1.7.6
1.7.5
1.7.4
1.7.3
1.7.2
1.7.1
1.7.0
1.6.9
1.6.8
1.6.7
1.6.6
1.6.5
1.6.4
1.6.3
1.6.2
1.6.1
1.6.0
1.5.1
1.5.0
1.4.14
1.4.13
1.4.12
1.4.10
1.4.11
1.4.9
1.4.8
1.4.7
1.4.6
1.4.5
1.4.4
1.4.3
1.4.2
1.4.1
1.4.0
1.3.14
1.3.12
1.3.13
1.3.11
1.3.10
1.3.9
1.3.8
1.3.7
1.3.6
1.3.5
1.3.4
1.3.3
1.3.2
1.3.0
1.3.1
1.2.11
1.2.10
1.2.9
1.2.8
1.2.7
1.2.6
1.2.5
1.2.4
1.2.3
1.2.2
1.2.1
1.1.10
1.1.9
1.1.8
1.1.7
1.1.6
1.1.5
1.1.4
1.1.3
1.1.2
1.1.1
1.1.0
1.0.7
1.0.6
1.0.5
1.0.4
1.0.3
1.0.2
1.0.1
1.0.0
0.4.4
0.4.3
0.4.2
0.4.1
0.4.0
0.3.9
0.3.8
0.3.7
0.3.6
0.3.5
0.3.4
0.3.3
0.3.2
0.3.1
0.3.0
0.2.9
0.2.8
0.2.7
0.2.5
0.2.6
0.2.4
0.2.3
0.2.1
0.2.2
0.2.0
0.1.9
0.1.8
0.1.7
0.1.4
0.1.1
0.1.0
0.0.17
0.0.14
0.0.8
0.0.6
开始日期   -   截止日期
-
置顶选项
不置顶
置顶等级：高
置顶等级：中
置顶等级：低
优先级
不指定
严重
主要
次要
不重要
参与者（2）
4835367 jmysy 1578975358 735237 eden li 1578931722
TypeScript
1
https://gitee.com/layui-vue/layui-vue.git
git@gitee.com:layui-vue/layui-vue.git
layui-vue
layui-vue
layui-vue
点此查找更多帮助

搜索帮助

Git 命令在线学习 如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大，如何减小？
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release（发行版）
将 PHP 项目自动发布到 packagist.org
仓库举报
回到顶部