摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
摘要：
封装手机验证登录组件 简单封装手机验证登录组件，全局注册，利用element-ui库 如图： 定义phoneLogin.vue组件 <template> <div> <el-form :model="ruleForm" :rules="rules" ref="ruleForm"> <el-form- 阅读全文
摘要：
此vue项目使用vuetify为ui库，通过插槽slot对table操作！ <template v-slot:item.tag="{ item }"> <!-- {{ item.programme ? item.programme.tagList[0].name : null }} --> {{ i 阅读全文
摘要：
目前项目主要用到国外的vuetifity，但是对于表单组件的没有很好的封装，开始用了一段时间，之后决定引入Ant组件库。考虑只是需要部分组件，为了避免项目体积过大，目前只是按需引入。 新建ant.design.js import Vue from 'vue'; import Antd from 'a 阅读全文
摘要：
vue table组件 element-ui库 效果如下： 代码附上：脚手架粘贴即可！ <template> <div> <h1>表单组件</h1> <div class="table"> <template> <el-table :data="tableData" style="width: 10 阅读全文
摘要：
简单封装登录组件，全局注册，利用element-ui库 如图： 定义Login.vue组件 <template> <div> <el-form :model="ruleForm" :rules="rules" ref="ruleForm"> <el-form-item prop="username" 阅读全文
摘要：
vue项目 在项目中，有很多管理系统类的项目，各有所不同！ 在关于某个列表选择时，常常会有新增列表页面和编辑某一项页面，甚会有只可读的详情页！（实际上布局相差不大） 对于编辑和新增页： <template> <div> <h1>{{ editId ? 编辑 : 新增 }}</h1> <div><bu 阅读全文
摘要：
Object.keys方法之详解 一、语法 Object.keys(obj) 参数：要返回其枚举自身属性的对象 返回值：一个表示给定对象的所有可枚举属性的字符串数组 二、处理对象，返回可枚举的属性数组 let person = {name:"张三",age:25,address:"深圳",getNa 阅读全文
摘要：
除了项目架构中使用`eslint`,`stylelint`,`prettier`中的规范外，项目开发中须遵循如下规范： - 公共组件首字母必须大写，包括文件夹和文件，即./components 下的文件 - 示例 `components/Layout/Sidebar.vue` - `./src`一级 阅读全文
摘要：
项目前期准备： （以Vue为例） 技术选型 1、主架构 - vue https://vuejs.org/ - 技术文档全面 - 团队技术成员都会，不需要学习成本 - 可以满足目前 DEP 项目的所有需求 - vue-cli =>v4.4.6 https://cli.vuejs.org/zh/guid 阅读全文