Skip to content

Conversation

@gjssss
Copy link
Contributor

@gjssss gjssss commented Jul 12, 2024

🤔 这个 PR 的性质是?(至少选择一个)

  • 日常 bug 修复
  • 新特性提交
  • 站点、文档改进
  • 演示代码改进
  • 组件样式/交互改进
  • TypeScript 定义更新
  • CI/CD 改进
  • 包体积优化
  • 性能优化
  • 功能增强
  • 国际化改进
  • 代码重构
  • 代码风格优化
  • 测试用例
  • 分支合并
  • 其他改动(是关于什么的改动?)

🔗 相关 Issue

无issue

💡 需求背景和解决方案

当使用双向滑块时,通过v-model绑定数组后如arr = [20, 40],则修改arr[0]后,组件UI无法更新,而后丢失响应式

不知道怎么贴出最小复现,下面的代码可以复现这个BUG

<template>
<div>
      <wd-button @click="value8[0] = 30">30</wd-button>
      <wd-button @click="value8 = [30, 50]">30-50</wd-button>
      {{ value8 }}
      <wd-slider v-model="value8" :min="10" :max="80" />
</div>
</template>
<script lang="ts" setup>
const value8 = ref<number[]>([20, 40])
</script>

点击第二个按钮组件会改变,但是点击第一个按钮(也就是单独修改数组中一项而不是整体改变)就会丢失响应式

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项⚠️

  • 文档已补充或无须补充
  • 代码演示已提供或无须提供
  • TypeScript 定义已补充或无须补充

@netlify
Copy link

netlify bot commented Jul 12, 2024

👷 Deploy request for wot-design-uni pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 779d85b

@vercel
Copy link

vercel bot commented Jul 12, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
wot-design-uni ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jul 12, 2024 11:49am

@Moonofweisheng Moonofweisheng merged commit 825ea9b into Moonofweisheng:master Jul 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants