vue中cdn引入vuetify，实现表格和分页

最新推荐文章于 2023-08-17 12:36:15 发布

前端王小婷

最新推荐文章于 2023-08-17 12:36:15 发布

阅读量1.7k

点赞数 1

本文链接：https://blog.csdn.net/weixin_44763569/article/details/106223257

版权

本文介绍了如何在Vue项目中通过CDN方式引入Vuetify库，详细讲解了配置过程，包括设置表格组件和实现分页功能，帮助开发者快速提升UI交互体验。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
  <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/@mdi/font@4.x/css/materialdesignicons.min.css" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
</head>
<body>
  <div id="app">
    <v-app>
      <template>
        <v-data-table
          :headers="headers"
          :items="desserts"
          :items-per-page="5"
          class="elevation-1"
        ></v-data-table>
      </template> 
    </v-a