Vue.js 使用Vuetify滚动到页面的其他部分

我有一个page.vue，其中包含多个部分，我正在尝试添加一个链接，以便在单击时获取该部分。我不确定我会错在哪里。请帮我找到问题所在。我没有使用Vue的经验

<template>
 For more information, please <a @click="$vuetify.goTo('#about', options)">click</a>.
 <p>About section</p>
 <p :id="about">More information section</p>
</template>

有关更多信息，请单击。
关于部分

更多信息部分

您的javascript中有一个错误。通过在属性之前使用

：

语法，实际上您使用的是

v-bind

，因此期望右侧赋值是数字、布尔值、数组、对象或变量。因为

about

是一个简单的字符串，而不是一个变量，所以这不起作用。只需删除

：

<p id="about">

现在它可以正常工作了