渲染出来的标签 怎么添加@click ?-灵析社区

萌蒙萌

{{ item.title }} // recommend use functional component // // // // {{ props.menuInfo.title }} // // // // // {{ item.title }} // // // // // // export default { // props: ['menuInfo'], // }; import { Menu } from 'ant-design-vue'; const SubMenu = { template: ` {{ menuInfo.title }} {{ item.title }} `, name: 'SubMenu', // must add isSubMenu: true isSubMenu: true, props: { ...Menu.SubMenu.props, // Cannot overlap with properties within Menu.SubMenu.props menuInfo: { type: Object, default: () => ({}), }, }, }; export default { components: { 'sub-menu': SubMenu, }, data() { return { collapsed: false, list: [ { key: '1', title: 'Option 1', }, { key: '2', title: 'Navigation 2', children: [ { key: '2.1', title: 'Navigation 3', children: [{ key: '2.1.1', title: 'Option 2.1.1' }], }, ], }, ], }; }, methods: { toggleCollapsed() { this.collapsed = !this.collapsed; }, }, }; 渲染出来的标签 怎么添加@click![](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241116/e8b50ed28a4a74112c2f33851f15a6b1.png) 我在红框里直接添加点击事件报错

阅读量:17

点赞量:0

问AI
可以考虑使用JSX来处理,然后就正常写 " {}}>" 绑定事件就好了。 "渲染函数 & JSX | Vue.js" (https://link.segmentfault.com/?enc=HwFCUBuIRhW8Hjr2YXsZVQ%3D%3D.HObFUSPmVEpgbALs0691m82uZ4czETf3H2xnySZiYW6Ea6e48nFzimua8xaazRojVi7ODGA8SBvIrKnqg2EBCA%3D%3D) *** 具体可以借鉴 "AntD Vue Pro" 早期版本的思路 👇 "src/components/Menu/SideMenu.vue at v2 · vueComponent/ant-design-vue-pro" (https://link.segmentfault.com/?enc=%2FZd4jbPFeso4EXkKV%2BsfHg%3D%3D.ZqhtQSpC%2F34Lnw%2FHvp9XgTAtCC3w7Yz2G%2B%2F48JYeKxd0kqzhkemqjjLtt5egwRyJa3LAQfVqaDyrgYyE3FKk%2BpOxzOEUNu8x9UCkAlzGTPI7pvxNlJ0PHHOP8oj6BI0%2B) "src/components/Menu/menu.js at v2 · vueComponent/ant-design-vue-pro" (https://link.segmentfault.com/?enc=Bi5vUuTQ8IU1WQAakdocZA%3D%3D.DFKY%2Bih2ZbBjSsYCpkzfFUugAKCv96UEDqoCQ9fGChuYKgjTQ48Sruh06RNTxtnkDDbUPh8gizunsLjRRvgJSFRZlOWQK8y0ICGDNZ88ZfknbIuCdTUxJtYEwKsVSMDb)