You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ant-design-vue/components/anchor/demo/onChange.vue

59 lines
993 B

<docs>
---
order: 5
title:
zh-CN: 监听锚点链接改变
en-US: Listening for anchor link change
---
## zh-CN
监听锚点链接改变
## en-US
Listening for anchor link change.
</docs>
<template>
<a-anchor
:affix="false"
:items="[
{
key: '1',
href: '#components-anchor-demo-basic',
title: 'Basic demo',
},
{
key: '2',
href: '#components-anchor-demo-static',
title: 'Static demo',
},
{
key: '3',
href: '#api',
title: 'API',
children: [
{
key: '4',
href: '#anchor-props',
title: 'Anchor Props',
},
{
key: '5',
href: '#link-props',
title: 'Link Props',
},
],
},
]"
@change="onChange"
></a-anchor>
</template>
<script lang="ts" setup>
const onChange = (link: string) => {
console.log('Anchor:OnChange', link);
};
</script>