u013089490的博客

在vueitfy的UI components（也就是UI组件）下面有个cards就是卡片。1、v-card卡片    v-card组件是一个多功能组件，可用于从面板到静态图像的任何事物。card组件有许多班助组件，使标记尽可能简单。没有列出选项的组件使用Vue的功能组件选项来加快渲染速度，并作为标记糖来使构建更容易。一个卡片有四个基本组件，v-card-media、v-card-tit...

    v-data-table 用于显示表格数据，功能包括排序、搜索、分页、行内编辑、头部提示以及行选择。而我们在实际应用中使用最多的就是服务端分页和排序，如果你从后台加载数据，并希望显示结果之前进行分页和排序，你可以使用 total-items 属性。定义这个属性将会禁用内置的分页和排序，并且你需要使用 pagination 属性来监听变化。使用 loading 属性来显示获取数据时的进度条。...

1、v-btn按钮     在UI组件中v-btn组件是用一个material design主题和多个选项来替换标准的html按钮。任何色彩辅助类都可以用来改变背景或文字的颜色。v-btn按钮常用属性：（1）flat：移除按钮的背景色，布尔值类型，默认为false；（2）icon：将按钮指定为图标——原型和平面，布尔值类型，默认为false；（3）small：小型按钮，布尔值类型，...

 1、v-dialog对话框     v-dialog 组件用来通知用户有关特定任务的信息，并且可能包含重要信息，需要作出决定或者涉及多任务；应谨慎使用对话框，因为它是中断的。v-dialog 组件常用属性（1）max-width：限制宽度；（2）v-model：value值双向绑定到show变量，用来控制窗口显示；（3）persisitent：控制窗口不会被意外关闭，布尔类型，...

      Vuetify拥有一个12点的栅格系统，它使用flex-box构建，栅格用于布局应用程序的内容。它包含5种类型的媒体断点，用于定位特定的屏幕大小或方向。栅格组件的属性实际上是从它们定义的属性派生的类，这允许您轻松地将这些辅助类指定为属性，同时仍然提供在任何地方使用的类；其实vuetify的栅格与bootstrap的栅格系统是类似的。   其中v-layout就是对应栅格中的一行，而...

在表单验证方面，Vuetify拥有集成了众多的功能，想要使用第三方验证插件？您可以开箱即用Vee-validate和Vuelidate。1、v-form表单1.1、v-form的属性和方法v-form表单的常用属性：（1）lazy-validation：如果启用，value将永远是 true ，除非有可见的验证错误。您仍然可以调用validate()来手动触发验证；布尔类型，默认值为...