Tencent / tdesign-mobile-vue

A Vue3.x Mobile UI components lib for TDesign.
https://tdesign.tencent.com/mobile-vue
MIT License
249 stars 143 forks source link

[Button 按钮] 使用render函数渲染时按钮默认插槽中变量值变化了,但是按钮显示的内容没有变 #487

Closed mvpdongdong closed 1 year ago

mvpdongdong commented 1 year ago

tdesign-mobile-vue 版本

0.14.0

重现链接

https://stackblitz.com/edit/angular-2fugq1-1q2tmx?file=src%2Fdemo.vue,src%2Fmain.js,package.json

重现步骤

运行重现链接就会复现

期望结果

  1. 在main.js中,把组件库切换为PC的tdesign就没有问题
  2. 期望按钮默认插槽变量变化,按钮内容跟着改变

实际结果

render函数重新执行,按钮默认插槽的变量也变化了,但是按钮内容没有变化

框架版本

vue ^3.2.33

浏览器版本

chrome最新版

系统版本

No response

Node版本

No response

补充说明

No response

github-actions[bot] commented 1 year ago

👋 @mvpdongdong,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

anlyyao commented 1 year ago

@mvpdongdong 变量用ref定义,插槽用函数的形式传递呢?

setup() {
    const text = ref('文本');
    let buttonContent = '按钮内容';
    setTimeout(() => {
      text.value = '文本变化';
      buttonContent = '按钮内容变化';
    }, 3000);

    return () => {
      return h('div', [h(resolveComponent('t-button'), () => text.value)]);
    };
  },
mvpdongdong commented 1 year ago

@anlyyao 我们的业务场景是低代码平台,用户配置文本放入按钮插槽中,底层实现不会声明ref的变量来设置插槽值

github-actions[bot] commented 1 year ago

这个 Issue 被标记为了过时 stale ,因为它已经持续 30 天没有任何活动了。删除 stale 标签或评论,否则将在 7 天内关闭。

github-actions[bot] commented 1 year ago

此 Issue 被自动关闭,因为它自被标记为过时 stale 以来已闲置 7 天。

github-actions[bot] commented 1 year ago

这个 Issue 被标记为了过时 stale ,因为它已经持续 30 天没有任何活动了。删除 stale 标签或评论,否则将在 7 天内关闭。

github-actions[bot] commented 1 year ago

此 Issue 被自动关闭,因为它自被标记为过时 stale 以来已闲置 7 天。