登录
注册
开源
企业版
高校版
搜索
帮助中心
使用条款
关于我们
开源
企业版
高校版
私有云
模力方舟
我知道了
查看详情
登录
注册
开源中国、Gitee、模力方舟招人啦~ 快来看看有没有适合你的岗位
代码拉取完成，页面将自动刷新
开源项目
>
WEB应用开发
>
Vue扩展组件
&&
捐赠
捐赠前请先登录
取消
前往登录
扫描微信二维码支付
取消
支付完成
支付提示
将跳转至支付宝完成支付
确定
取消
Watch
不关注
关注所有动态
仅关注版本发行动态
关注但不提醒动态
147
Star
860
Fork
481
DevUI
/
vue-devui
代码
Issues
47
Pull Requests
0
Wiki
统计
流水线
服务
Gitee Pages
质量分析
Jenkins for Gitee
腾讯云托管
腾讯云 Serverless
悬镜安全
阿里云 SAE
Codeblitz
SBOM
我知道了，不再自动展开
更新失败，请稍后重试！
移除标识
内容风险标识
本任务被
标识为内容中包含有代码安全 Bug 、隐私泄露等敏感信息，仓库外成员不可访问
【icon】建议可以监听name和size的更新，也就是父组件可以动态更新icon的name和size
已完成
#I47WG4
wailen
成员
创建于
2021-08-30 23:41
现在双向绑定name和size并不会触发更新 希望可以通过以下去更新icon视图 ```js <d-icon name={iconName} size={iconSize}></d-icon> ``` `iconName`、`iconSize`动态改变 另外setup中对props进行解构会造成render函数中name和size双向绑定失效，导致父组件更新了name或size，icon却不更新的问题 可以通过以下代码复现 ``` { showPreviewIcon ? <d-icon name="preview" size="12px"/> : <d-icon name="preview-forbidden" size="12px" /> } ``` 此时需要给icon组件添加key值暴力更新 ``` { showPreviewIcon ? <d-icon name="preview" size="12px" key={1} /> : <d-icon name="preview-forbidden" size="12px" key={2} /> } ```
现在双向绑定name和size并不会触发更新 希望可以通过以下去更新icon视图 ```js <d-icon name={iconName} size={iconSize}></d-icon> ``` `iconName`、`iconSize`动态改变 另外setup中对props进行解构会造成render函数中name和size双向绑定失效，导致父组件更新了name或size，icon却不更新的问题 可以通过以下代码复现 ``` { showPreviewIcon ? <d-icon name="preview" size="12px"/> : <d-icon name="preview-forbidden" size="12px" /> } ``` 此时需要给icon组件添加key值暴力更新 ``` { showPreviewIcon ? <d-icon name="preview" size="12px" key={1} /> : <d-icon name="preview-forbidden" size="12px" key={2} /> } ```
评论 (
0
)
wailen
创建了
任务
wailen
将
关联仓库
设置为
DevUI/vue-devui
wailen
修改了
描述
原值
现在双向绑定name和size并不会触发更新
新值
现在双向绑定name和size并不会触发更新
希望可以通过以下去更新icon视图
```js
// iconName、iconSize动态改变
<d-icon name={iconName} size="{iconSize}"></d-icon>
```
wailen
修改了
描述
原值
现在双向绑定name和size并不会触发更新
希望可以通过以下去更新icon视图
```js
//
icon
Name、iconSize动态改变
<d-icon name={iconName} size="{iconSize}"></d-icon>
`
``
新值
现在双向绑定name和size并不会触发更新
希望可以通过以下去更新icon视图
```js
<d-
icon
name={iconName} size="{iconSize}"></d-icon>
```
`
iconName`、`iconSize`动态改变
wailen
修改了
描述
原值
现在双向绑定name和size并不会触发更新
希望可以通过以下去更新icon视图
```js
<d-icon name={iconName} size="{iconSize}"></d-icon>
```
`iconName`、`iconSize`动态改变
新值
现在双向绑定name和size并不会触发更新
希望可以通过以下去更新icon视图
```js
<d-icon name={iconName} size="{iconSize}"></d-icon>
```
`iconName`、`iconSize`动态改变
另外setup中对props进行解构会造成render函数中name和size双向绑定失效，导致父组件更新了name或size，icon却不更新的问题
可以通过以下代码复现
```
{ showPreviewIcon
? <d-icon name="preview" size="12px"/>
: <d-icon name="preview-forbidden" size="12px" />
}
```
此时需要给icon组件添加key值暴力更新
```
{ showPreviewIcon
? <d-icon name="preview" size="12px" key={1} />
: <d-icon name="preview-forbidden" size="12px" key={2} />
}
```
wailen
修改了
标题
原值
icon建议可以监听name和size的更新，也就是父组件可以动态更新icon的
n
ame和size
新值
【icon】建议可以监听name和size的更新，也就是父组件可以动态更新ico
n
的name和size
wailen
添加了
bug
标签
wailen
添加了
question
标签
wailen
关联了
DevUI/vue-devui Pull Request !77
Zcating
修改了
描述
原值
现在双向绑定name和size并不会触发更新
希望可以通过以下去更新icon视图
```js
<d-icon name={iconName} size=
"{iconSize}"></d-icon>
```
`iconName`、`iconSize`动态改变
另外setup中对props进行解构会造成render函数中name和size双向绑定失效，导致父组件更新了name或size，icon却不更新的问题
可以通过以下代码复现
```
{ showPreviewIcon
? <d-icon name="preview" size="12px"/>
: <d-icon name="preview-forbidden" size="12px" />
}
```
此时需要给icon组件添加key值暴力更新
```
{ showPreviewIcon
? <d-icon name="preview" size="12px" key={1} />
: <d-icon name="preview-forbidden" size="12px" key={2} />
}
```
新值
现在双向绑定name和size并不会触发更新
希望可以通过以下去更新icon视图
```js
<d-icon name={iconName} size=
{iconSize}></d-icon>
```
`iconName`、`iconSize`动态改变
另外setup中对props进行解构会造成render函数中name和size双向绑定失效，导致父组件更新了name或size，icon却不更新的问题
可以通过以下代码复现
```
{ showPreviewIcon
? <d-icon name="preview" size="12px"/>
: <d-icon name="preview-forbidden" size="12px" />
}
```
此时需要给icon组件添加key值暴力更新
```
{ showPreviewIcon
? <d-icon name="preview" size="12px" key={1} />
: <d-icon name="preview-forbidden" size="12px" key={2} />
}
```
Zcating
将
负责人
设置为
Kagol
wailen
通过合并
Pull Request !77: 【search】【input】组件新增api，更新说明文档
将
任务状态
从
待办的
修改为
已完成
展开全部操作日志
折叠全部操作日志
登录
后才可以发表评论
状态
已完成
待办的
进行中
已完成
已关闭
负责人
未设置
Kagol
kagol
负责人
协作者
+负责人
+协作者
标签
bug
question
未设置
标签管理
里程碑
未关联里程碑
未关联里程碑
Pull Requests
未关联
未关联
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
未关联
分支 (94)
标签 (113)
dev
main
fix-conflict
zp/refactor-md
feat-badge-zjl
test-push
zp/dev
xingyan/fix-code-review
fix-website-build
feat-drag-drop-xtx
fix-editable-select
fix-md
feat-md
fix-form-token
fix-import-lodash
fix-fullscreen
fix-site
fix-doc
jmy/fix-sidebar
jmy/vision
refactor-md
test-katex
jmy/refresh
jmy/fix
refactor-md-tooltip
fengjiancai-patch-2
jmy/fix-tooltip
fengjiancai-patch-1
jmy/0912
zp/feat-md
jmy/edit-select
jmy/menu
jmy/tooltip
zdstheme
feat-md-demo
jmy/graph
jmy/number
feat-md-checkbox
jmy/final
jmy/select-new
jutiantian/datapickerpro
jmy/feat-select
zds-docs
zp/refactor-pagination
jutiantian/autoComplete
jmy/select
jutiantian/model
jutiantian/drawer
refactor-step
refactor-skeleton
refactor-progress
feat-list
refactor-image-preview
theme
fix-eslint
jmy/form
jutiantian/checkbox
refactor-eslint
jmy/transfer
jmy/textarea
feat-avatar
jmy/input
jutiantian/notification
jutiantian/popover
jutiantian/tooltip_refact
jutiantian/tooltip
jmy/radio-new
xz/fullScreen
jmy/slider
xz/status
fix-build
jutiantian/alert
jmy/radio
zp/refactor
jmy/tree-demo
refactor-carousel
refactor-avatar
refactor-theme
feat-drag-drop
feat-drag-drop-hl
zp/feat-drag-drop
fix-theme
zp/feat-sortable
zp/fix-code-editor
jwd_editorx
revert-1562-dev
kagol/add-doc-nuxt3
kagol/nav-add-version
kagol/update-readme
release-1.4.1
update-version
v1.0.0
dev-table
dev-package
v1.6.29
v1.6.28
v1.6.27
v1.6.26
v1.6.25
v1.6.24
v1.6.23
v1.6.22
v1.6.21
v1.6.20
v1.6.19
v1.6.18
v1.6.17
v1.6.16
v1.6.15
v1.6.14
v1.6.13
v1.6.12
v1.6.11
v1.6.10
v1.6.9
v1.6.8
v1.6.7
v1.6.6
v1.6.5
v1.6.4-select.0
v1.6.4-markdown.1
v1.6.4-markdown.0
v1.6.4-alpha.0
v1.6.4
v1.6.3-select.0
v1.6.3-markdown.3
v1.6.3-editable-select.1
v1.6.3-markdown.2
v1.6.3-markdown.1
v1.6.3
v1.6.2
v1.6.1
v1.6.0
v1.5.15-hotfix.4
v1.5.15-hotfix.3
v1.5.15-hotfix.2
v1.5.15-hotfix.1
v1.5.15-feat.1
v1.5.15
v1.5.14
v1.5.13-hotfix.1
v1.5.13
v1.5.12-hotfix.1
v1.5.12
v1.5.11-hotfix.1
v1.5.11
v1.5.10
v1.5.9
v1.5.8
v1.5.7-hotfix.3
v1.5.7-hotfix.2
v1.5.7-hotfix.1
v1.5.7
v1.5.6
v1.5.5
v1.5.4
v1.5.4-alpha.0
v1.5.3
v1.5.2
v1.5.1
v1.5.0
v1.4.1
v1.4.0
v1.3.4-alpha.3
v1.3.4-alpha.2
v1.3.4-alpha.1
v1.3.4-alpha.0
v1.3.3
v1.3.2
v1.3.1
v1.3.0
v1.2.0
v1.1.0
v1.0.2
v1.0.1
v1.0.0
v1.0.0-rc.17
v1.0.0-beta.220808
v1.0.0-beta.20220808
v1.0.0-beta.220801
v1.0.0-rc.16
v1.0.0-rc.13
v1.0.0-rc.12
v1.0.0-rc.11
v1.0.0-rc.10
v1.0.0-rc.9
v1.0.0-rc.8
v1.0.0-rc.7
v1.0.0-rc.6
v1.0.0-rc.5
v1.0.0-rc.4
v1.0.0-rc.3
v1.0.0-rc.2
v1.0.0-rc.1
v1.0.0-rc.0
v1.0.0-beta.18
v1.0.0-beta.17
v1.0.0-beta.16
v1.0.0-beta.15
v1.0.0-beta.14
v1.0.0-beta.13
v1.0.0-beta.12
v1.0.0-beta.11
v1.0.0-alpha.0
v0.3.0
v0.2.0
v0.1.0
开始日期 - 截止日期
-
置顶选项
不置顶
置顶等级：高
置顶等级：中
置顶等级：低
优先级
不指定
严重
主要
次要
不重要
参与者（1）
TypeScript
1
https://gitee.com/devui/vue-devui.git
git@gitee.com:devui/vue-devui.git
devui
vue-devui
vue-devui
点此查找更多帮助
搜索帮助
Git 命令在线学习
如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大，如何减小？
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release（发行版）
将 PHP 项目自动发布到 packagist.org
评论
仓库举报
回到顶部
登录提示
该操作需登录 Gitee 帐号，请先登录后再操作。
立即登录
没有帐号，去注册
