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