用 <router-link to="/chat.html"><button>跳转</button></router-link>怎么没办法跳转

要使用`<router-link>`进行页面跳转，需要先确保以下步骤已完成：

1. 在Vue项目中安装Vue Router：`npm install vue-router --save`

2. 在main.js中引入Vue Router，并将其挂载到Vue实例上：

   import Vue from 'vue'
   import VueRouter from 'vue-router'
   
   Vue.use(VueRouter)
   
   const router = new VueRouter({
     routes: [
       // 在这里定义路由
     ]
   })
   
   new Vue({
     router // 将router挂载到Vue实例上
   }).$mount('#app')

3. 在routes.js文件中定义路由，并将其导出：

   import Chat from './views/Chat.vue'
   
   export default [
     {
       path: '/chat.html',
       component: Chat
     }
   ]

4. 在main.js中引入routes.js文件，并将其添加到Vue Router实例中：

   import routes from './routes'
   
   const router = new VueRouter({
     routes
   })

完成以上步骤后，你可以使用以下代码将页面跳转到`/chat.html`：

<template>
  <div>
    <router-link to="/chat.html"><button>跳转</button></router-link>
  </div>
</template>

请确保你的路由路径与你的实际文件路径匹配。如果你仍然无法跳转，可以在浏览器控制台查看是否有任何错误消息。