文章分类 -  vue

Element Form表单求嵌套表格，实现表格内容校验
摘要：效果图 代码 <template> <div class="app container"> <el-form ref="dataFpormRef" :v-model="dataForm"> <el-table :data="dataForm.list"> <el-table-column label 阅读全文
posted @ 2022-02-14 16:30 杨凌云的博客 阅读(640) 评论(0) 推荐(0)
javascript封装cache工具类
摘要：/** * 设置缓存 */ export const SET_CACHE = (key,value) => { // 将数组、对象类型的数据转化为 JSON 字符串进行存储 if (typeof value 'object') { value = JSON.stringify(value) } wi 阅读全文
posted @ 2022-01-21 20:23 杨凌云的博客 阅读(148) 评论(0) 推荐(0)
vue3x中最简单的按需引入element-plus，真的没有那么麻烦
摘要：前言 不用全局引入，也不需要搞分层架构弄一个文件在main.js挂载 在项目中执行命令 npm install -D unplugin-vue-components unplugin-auto-import 怎么玩儿 在vue.config.js中贴入下面的代码 const AutoImport = 阅读全文
posted @ 2022-01-21 20:21 杨凌云的博客 阅读(142) 评论(0) 推荐(0)
vue3中的生命周期函数
摘要：生命周期 setup() - 等同于vue2x中的beforeCreate与created onBeforeMount() : 组件挂载到节点上之前执行的函数。 onMounted() : 组件挂载完成后执行的函数。 onBeforeUpdate(): 组件更新之前执行的函数。 onUpdated( 阅读全文
posted @ 2022-01-15 18:38 杨凌云的博客 阅读(829) 评论(0) 推荐(0)
json-server实现数据增删改查以及路由自定义配置
摘要：前言 爽！！！再也不用等到后端开发同事接口写好了之后再去对接接口了。只需要借助json-server这个神器可以完美模拟业务。 第一步 项目根目录下创建db.json { "users": { "code": 200, "message": "操作成功", "data": [ { "id": 1, 阅读全文
posted @ 2021-12-24 09:40 杨凌云的博客 阅读(872) 评论(0) 推荐(0)
前端工作流中常用的那些js方法
摘要：前言 前端开发在企业开发中经常会用到的一些方法和正则校验，记录一下，帮助我们提高开发效率，不要再借助搜索引擎了。 阅读全文
posted @ 2021-12-24 09:35 杨凌云的博客 阅读(39) 评论(0) 推荐(0)
vue封装axios以及对api的接口的统一管理
摘要：vue项目通用型axios封装以及api的统一管理。 阅读全文
posted @ 2021-12-18 21:19 杨凌云的博客 阅读(235) 评论(0) 推荐(0)
vue封装对话框组件Dialog
摘要：Vue.extend 实现 Dialog 提示组件封装 在 components 目录下新建 Dialog 文件夹作为 Dialog 组件文件，新建 index.vue 和 index.js 文件进行组件封装，并在 main.js 中将组件挂载到 vue 原型上实现全局使用 components/D 阅读全文
posted @ 2021-12-14 22:53 杨凌云的博客 阅读(2085) 评论(0) 推荐(0)
vuex的使用及其模块化
摘要：写在前面 我在项目中创建了两个页面 home和me，home的作用适用于提交数据然后跳转到me页面，me页面获取vuex中存储的数据来达到我们的效果。 需求 创建A/B两个页面，A用于提交数据然后跳转，B用于获取vuex中的数据信息 在store文件夹下面创建modules文件夹以此来达到模块化，在 阅读全文
posted @ 2021-12-14 21:43 杨凌云的博客 阅读(375) 评论(0) 推荐(0)
vue结合动态class实现一个tabs选项卡效果
摘要：写在前面 平时做开发会写很多功能效果，这些功能效果有很多主流的UI框架都包含的，比如vant / element / bootstrap / iview等等，今天这里自己动手用vue实现了一个简单的tabs切换效果，记录下。 项目目录结构 - tabs css tabs.css index.html 阅读全文
posted @ 2021-12-14 21:36 杨凌云的博客 阅读(876) 评论(0) 推荐(0)
element按需引入组件，并模块化
摘要：安装babel-plugin-component npm install babel-plugin-component -D 配置 vue3+版本直接在babel.config.js文件中的module.export下添加plugin选项 复制下面代码至配置文件中 { "presets": [["e 阅读全文
posted @ 2021-12-10 09:36 杨凌云的博客 阅读(289) 评论(0) 推荐(0)