Vuetify
基于vue的组件框架
gaog2zh
全栈攻城狮 网络安全
展开
-
vuetify学习第7天之v-editor---自定义封装富文本编辑器
vuetify学习第7天之v-editor---自定义封装富文本编辑器目录文章目录1、vue-quill-editor2、自定义封装3、常用属性和事件4、应用案例***后记*** :内容1、vue-quill-editorQuill editor component for Vue.基于 Quill、适用于 Vue 的富文本编辑器,支持服务端渲染和单页应用。详情请参考gith...原创 2020-04-26 09:29:43 · 2082 阅读 · 0 评论 -
vuetify学习第6天之v-btn-toggle---按钮组
vuetify学习第6天之v---btn-toggle---按钮组目录文章目录1、常见应用场景2、常用属性和事件3、应用实践4、后记内容1、常见应用场景应用场景:工具栏按钮组单选—排列按钮,工具栏按钮组多选—文本加粗、倾斜等图示1-1:源代码:官网地址:https://vuetifyjs.com/en/components/button-groups/2、常用属性和事件...原创 2020-04-07 09:59:15 · 2644 阅读 · 2 评论 -
vuetify 学习第一天之v-data-table_表格组件
v-data-table组件学习第一天 示例如下: 使用前端框架vue,用vue-cli脚手架搭建的环境,版本为当前最新版本。组件版本vue-cliv4.0.5vuev2.6.10vuetifyv2.1.151、简介 v-data-table 组件用于显示列表数据,特色有排序,搜...原创 2019-12-27 21:09:10 · 21778 阅读 · 7 评论 -
vuetify学习第5天之树形组件-treeview
vuetify学习第4天之树形组件-treeview目录文章目录@[toc]1、效果图2、源代码3、v-treeview常用属性4、v-treeview 常用插槽4.1、配置:5、常用事件5、1详解内容1、效果图2、源代码 本例使用环境为vue框架<template> ... <v-treeview ...原创 2020-01-14 21:51:03 · 8176 阅读 · 11 评论 -
vuetify 学习第二天之v-combobox-自定义级联组件v-cascader封装
vuetify 学习第二天之v-combobox vuetify暂时未提供级联组件,我们可以结合element-ui或者iview等ui组件库的下拉部分,以及vuetify的v-combobox输入框部分,实现漂亮的自定义级联组件。 这里使用iview的cascader组件和vuetify的combobox组件。效果图:页面源代码:<...原创 2020-01-01 22:44:32 · 4471 阅读 · 0 评论 -
vuetify学习第三天之布局-bars组件
vuetify学习第三天之布局1、HLM布局 HLM,既header,left和main的缩写,为典型的整体布局之一。本例左侧采用固定定位,显示效果图:隐藏效果图:布局分析header : 头部left: 左侧导航菜单main: 内容主体适用UI组件:header; v-app-barleft-navagator: v...原创 2020-01-06 16:50:27 · 3709 阅读 · 0 评论 -
全栈项目-乐优商场-项目及开发文档简介
全栈项目-乐优商场-项目及开发文档简介目录文章目录全栈项目-乐优商场-项目及开发文档简介目录@[toc]内容1、了解电商行业1.1、项目分类1.1.1、传统项目1.1.2、互联网项目1.2、电商行业技术特点1.3、常见电商模式2、乐优商场介绍2.1、项目介绍2.2、开发流程2.3、系统架构内容1、了解电商行业1.1、项目分类主要从需求方、盈利模式、技术侧重点这三个方面来看他们的不同。1.1.1、传统项目各种企原创 2020-08-02 09:59:01 · 516 阅读 · 1 评论 -
vuetify学习第四天-典型导航菜单实现
典型导航菜单实现效果示例@1-1:布局主要所用vuetify组件:v-navigation-drawer:导航菜单v-toolbar:工具栏v-divider: 分割线v-list: 菜单列表项源代码@1-1:<template> <v-navigation-drawer> <v-toolbar> ......原创 2020-01-07 13:07:35 · 12308 阅读 · 8 评论