随笔分类 -  vueJs

怎样统一管理vue项目中的大量api和异步操作
摘要：前言：当项目比较小时，我们可以直接在文件里单独引用axios来处理与后端api的交互。但是，当项目很大且业务逻辑比较复杂时，再去逐个调用axios来处理后端数据交互就会使代码可读性变差，不利于后期维护；这个时候，就有必要且一定要统一维护api和对应的异步处理操作，以便我们可以进行更复杂的业务逻辑处理 阅读全文
posted @ 2021-02-02 15:56 可可西里的骄傲 阅读(895) 评论(0) 推荐(0)
vue中插槽slot的使用
摘要：一、什么是插槽 官方解释：Vue 实现了一套内容分发的 API，将 <slot> 元素作为承载分发内容的出口。 大白话：插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slo 阅读全文
posted @ 2020-12-21 16:29 可可西里的骄傲 阅读(792) 评论(0) 推荐(0)
怎样在vue项目中使用axios处理接口请求
摘要：vue项目中使用axios处理后端接口请求，参考摘录自axios官方文档 1、axios插件包安装 npm install axios --save 2、在main.js中全局引入axios 因为axios不是为了vue写的插件(插件内要处理)不支持vue.use()加载方式，为方便使用，可以将其挂 阅读全文
posted @ 2020-12-18 17:21 可可西里的骄傲 阅读(1439) 评论(0) 推荐(0)
如何使用elemen-ui实现文件的上传与下载
摘要：如何使用vuejs和element-ui实现文件的上传与下载 1、文件上传el-upload <el-upload class="upload-style" :action="UploadListUrl()" :show-file-list="ifImportSucess" :on-success= 阅读全文
posted @ 2020-08-26 21:02 可可西里的骄傲 阅读(3022) 评论(0) 推荐(0)
基于vuejs和element-ui的表单验证——循环表单和循环表格验证
摘要：基于vuejs和element-ui的验证：循环表单验证、循环表格表单验证 代码： <!-- * @lastEditors: lingyang * @Date: 2019-12-16 15:31:22 * @LastEditTime: 2020-07-09 17:26:04 --> <templat 阅读全文
posted @ 2020-07-09 17:37 可可西里的骄傲 阅读(2118) 评论(0) 推荐(0)
vue 键盘操作事件
摘要：需求：当按键盘enter键和键盘左右键时，左右切换页面卡片并读取卡片上的信息 一、获取键盘对应的keycode keyCode 实际键值 48到57 0到9 65到90 a到z（A到Z） 112到135 F1到F24 8 BackSpace（退格） 9 Tab 13 Enter（回车） 20 Cap 阅读全文
posted @ 2020-06-19 17:33 可可西里的骄傲 阅读(3440) 评论(0) 推荐(0)
vue.config.js的常用配置
摘要：对应生成的dist文件目录及多页面配置时的文件目录如下： 阅读全文
posted @ 2019-12-16 18:40 可可西里的骄傲 阅读(4392) 评论(0) 推荐(0)
关于vue里的$refs属性
摘要：vuejs的极大程度的帮助减少了对dom的操作，他主要通过添加ref属性，但是当获取this.$refs属性时，稍有不注意就会输出undefined导致我们对dom节点的操作报错。 this.$refs.xxx为undefined的几种情况记录： 1、在created里钩子函数中调用 原因：crea 阅读全文
posted @ 2019-08-14 19:57 可可西里的骄傲 阅读(12488) 评论(0) 推荐(0)
vue组件之间的传值——中央事件总线与跨组件之间的通信（$attrs、$listeners）
摘要：vue组件之间的通信有很多种方式，最常用到的就是父子组件之间的传值，但是当项目工程比较大的时候，就会出现兄弟组件之间的传值，跨级组件之间的传值。不可否认，这些都可以类似父子组件一级一级的转换传递，但是当项目比较大，功能比较复杂的时候，就会变得比较冗余，代码不利于维护；这时候可能会有很多人使用到vue 阅读全文
posted @ 2019-07-19 17:39 可可西里的骄傲 阅读(3059) 评论(0) 推荐(0)
vuejs中拖动改变元素宽度实现宽度自适应大小
摘要：需求效果： 原理：拖动效果的实现基本都是dom操作来实现的，通过拖动分隔线，计算分隔线与浏览器边框的距离(left)，来实现拖动之后的不同宽度的计算；当拖动分隔线1时，计算元素框left和mid；当拖动分隔线2时，计算元素框mid和right；同时设置元素框最小值以防止元素框拖没了（其实是被遮住了） 阅读全文
posted @ 2019-06-12 14:41 可可西里的骄傲 阅读(17940) 评论(0) 推荐(2)
vue如何循环渲染element-ui中table内容
摘要：对于大多数前端开发者来说，vuejs+element-ui是开发后台管理系统过程中必不可少的技术框架。而后台管理系统中，最常见的形式就是表格和表单，以便用来增删改查。 element-ui中table的使用 ——当el-table元素中注入data对象数组后，在el-table-column中用pr 阅读全文
posted @ 2019-06-02 14:29 可可西里的骄傲 阅读(33083) 评论(2) 推荐(2)
Vue项目中实现用户登录及token验证
摘要："转载" 在前后端完全分离的情况下，Vue项目中实现token验证大致思路如下： 1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码 2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token 3、前端拿到token，将token存储到localStorage和vuex中，并 阅读全文
posted @ 2019-05-22 14:09 可可西里的骄傲
vscode自动修复eslint规范的插件及配置
摘要：在开发大型项目中，经常都是需要多人合作的。相信大家一定都非常头疼于修改别人的代码的吧，而合理的使用eslint规范可以让我们在代码review时变得轻松，也可以让我们在修改小伙伴们的代码的时候会更加清晰。但是往往在开发过程中由于我们个人习惯的不通经常会先关掉一些eslint的属性，又或者每个人对于e 阅读全文
posted @ 2019-05-06 19:58 可可西里的骄傲 阅读(7547) 评论(0) 推荐(1)
关于vue-router的导航守卫
摘要：导航守卫 vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航，大白话，检测路由跳转过程中的具体的变化。 一、全局前置守卫——router.beforeEach 使用router.beforeEach注册全局前置守卫，当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析 阅读全文
posted @ 2019-04-12 13:28 可可西里的骄傲 阅读(286) 评论(0) 推荐(0)
微信小程序与vueJs的异同
摘要：简而言之，所有的框架都是建立在原生javascript基础之上的，所以对于有一定js基础的同学来说，各种框架都是比较容易入手的，但不同的框架之间又有一定的差别，有时候切换使用时就会掉入坑了。 一、微信小程序有自己封装的一套组件视图容器，它把平时我们可能会用的一些页面视图效果都进行了分装； eg: s 阅读全文
posted @ 2019-03-25 10:55 可可西里的骄傲 阅读(3988) 评论(0) 推荐(0)