UX_siri

vscode 中，如何在自动格式化时，如何将标签变成自闭合标签？

vscode 中，如何在自动格式化时，如何将标签变成自闭合标签 ？ 如 "" 变为 "" 如 "" 不发生变化，还是 "" 如 "" 变为 "" 编辑器：VS Code 语言：React + TS + TSX 插件：Lint + Prettier 编译工具： Webpack（RsPack）

走你啊啊啊啊啊

Vue3 tsx 中如何同时注册 ref 并传递字符串 ref 属性到子组件?

在"Vue3"组合式语法中使用"tsx" , 往一个子组件上注册一个 "ref" 引用，同时又通过展开运算符"..." 将一个含有值是字符串的"ref"属性的 "props" 传递给子组件，此时子组件上会有2个"ref"，我该如何在子组件间中得到"props"中的字符串"ref"? 代码简单演示： const nodeRef = ref() const props = { ref:'uuid_xxx', //...any more } //... more code return "ChildComp" 可能是 "SFC" 也可能是 "tsx" 组件。 这种设计不友好，但是由于某些原因，目前只能保持现状。 2个 "ref" ，一个是"mounted"后赋值为组件实例，一个是想传递到子组件内部的字符串属性。 目前已经做了尝试，无法在子组件中通过 "$attrs" & "useAttrs()" 获取到透传的字符串 "ref"——"'uuid_xxx'"，但其实"'uuid_xxx'"值已经通过"$attrs"的方式挂到"ChildComp"根元素的"__id__" attribute上了。 我希望能保持此种情况下，获取到该字符串ref属性值（'uuid_xxx'）。

世界唯一的

Vue3 + ts 子组件 emit 方法在父组件中未触发，如何解决？

vue3.0+tsx中子组件注册的两个emit方法，点击事件btnclick在父组件中正常，然后一个接收消息的事件rollback，没触发。 子组件： 点击 ... const emit = defineEmits(['receivemsg', 'btnclick']); ... //正常触发 const handleEmit = () => { emit('btnclick', '111') }; //接收socket消息 const onMessage = (msgEvent: any) => { //收到服务器信息，心跳重置并发送 startHeartbeat(); const msg = msgEvent.data; if (msg.indexOf('pong') > 0) { return; } ElNotification.warning({ title: '消息提醒', dangerouslyUseHTMLString: true, message: `您有一条来自${JSON.parse(msg).data.name}的新消息,请及时处理`, offset: 60, }); emit('receivemsg', msg); }; 接收socket消息是正常的，msg也能正常打印，就是父组件无法接收事件 父组件： ... // 引入组件 const GlobalWebsocket = defineAsyncComponent(() => import('/@/components/Websocket/index.vue')); const socketComponent = ref(); //子组件的emit方法 这个正常 const handleBtnEmit = (data: any) => { console.log(111, data); }; //这个没打印 const receivemsg = (data: any) => { console.log(111, data); }; 父组件没触发rollback方法，有没有大神帮忙看下怎么回事