vue 基于elementUI/antd-vue, h函数实现message中嵌套链接跳转到指定路由 （h函数点击事件的写法）

效果如图：

点击message 组件中的 工单管理， 跳转到工单管理页面。

以下是基于vue3 + antd-vue

代码如下：

import { message } from 'ant-design-vue';
import { h, reactive, ref, watch } from 'vue';
import { useRouter } from 'vue-router';
const router = useRouter();const showSuccessMessage = () => {message.success(() =>h('span', {}, ['提交成功，请到',h('span',{style: {color: '#4BB1E9',cursor: 'pointer'},onClick() {goWorkOrder();}},' 工单管理 '),'中及时关注工单状态！']));
};// 去工单管理
const goWorkOrder = () => {router.push('/operations/workManagement/devicePowerOff');
};

点击事件直接用onClick即可。