3.8.5插件ui-select无法正常显示

  • Creator 版本: 3.8.5

  • 目标平台: windows

  • 重现方式:安装demo插件,打开默认面板,切换插件

  • 首个报错:无

  • 编辑器操作系统: windows 64 位 Windows 11 家庭中文版

  • 重现概率: 极高

打算做一个插件,插件的功能是在一个面板中显示其他面板的描述,数据是通过读取插件目录的package.json文件以及i8n下的翻译文件,通过ui-select切换不同的插件,同样用ui-select显示对应插件的描述,并且可以通过这个ui-select更改插件的描述。


问题:切换插件后,显示描述的ui-select不能显示对应的文案。显示效果如下:


通过排查可知,ui-select元素的value和其中option的value能对应

但是却不能和shadow-root中option的value对应,shadow-root中option的value还是切换前的value

由此可知实际显示的内容应该是shadow-root里的内容,什么情况下会导致ui-select子元素option的value和shadow-root里select元素的子元素option的value无法对应呢?是属于插件的bug还是我的使用方式有问题呢?
附上demo插件,重现方法:安装插件,通过测试菜单打开面板,切换已有插件查看描述
image
plugin-test.zip (1.0 MB)

感谢反馈,我会尽快排查问题,并且给出回复或解决方案

好的 感恩 期待您的回复

你好,我用你的插件试了一下,效果是正常的啊,能正常展示你所要的效果,当选项是

时展示的是blank-template的相关信息,
当选项是 时展示 的是vue3-template的信息
所以你想要的效果是?

我这里是这样的,来回切换下插件没有问题吗你那里?

你好,我这边用你的项目看是正常的,如下视频


你可以使用 ctrl + shift + i 打开控制台看看是否有报错

那有点奇怪,目前看没什么报错

复现出你的这个问题了,我排查一下

好的 感恩

你好,排查找到问题了,应该你用法的问题,在vue中使用时,特别是for循环,需要添加key,否则其内部diff算法在更新上会有问题,

对vue了解的不多,ui-select的用法也是在 开发者>ui组件中学习到的,实在是知识盲点。
我试试 非常感谢!

亲测可用,赞!感恩!

没得多选功能嘛@even

你有需要用到多选功能的场景么? 可以使用下面代码

            <ui-select-pro @confirm="onConfirm" multiple>
                <template v-for="(item, index) of list">
                    <ui-select-option-pro :key="index" :value="item" :label="item" :selected="val === item"></ui-select-option-pro>
                </template>
            </ui-select-pro>

这个组件在需要限定在 editor >=3.8.5