效果如图:
点击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即可。



















