
VUE
文章平均质量分 74
深夜代码小哥
本人夜猫子一枚,夜里写代码困的时候,喜欢喝咖啡提提神。一个喜欢在夜深人静的时候写代码的全栈工程师,主攻node.js+vue/react和微信小程序,欢迎同行前来交流~~
编程技术是一门手艺活,只有厚积,方可薄发~
展开
-
Vue 基础知识之 Vue.extend
Vue.extend 属于 Vue 的全局 API,在实际业务开发中我们很少使用,因为相比常用的 Vue.component 写法使用 extend 步骤要更加繁琐一些。但是在一些独立组件开发场景中,Vue.extend + $mount 这对组合是我们需要去关注的。 官方文档 学习开始之前我们先来看一下官方文档是怎么描述的。 Vue.extend( options ) 参数:{Object} options 用法:使用基础 Vue 构造器,创建一个“子类”。参数是一个包含组件选项的对象。 data 选项是原创 2021-12-26 21:00:48 · 378 阅读 · 0 评论 -
axios 是如何封装 HTTP 请求的
概述 前端开发中,经常会遇到发送异步请求的场景。一个功能齐全的 HTTP 请求库可以大大降低我们的开发成本,提高开发效率。 axios 就是这样一个 HTTP 请求库,近年来非常热门。目前,它在 GitHub 上拥有超过 40,000 的 Star,许多权威人士都推荐使用它。 因此,我们有必要了解下 axios 是如何设计,以及如何实现 HTTP 请求库封装的。撰写本文时,axios 当前版本为 ...原创 2019-11-28 17:21:42 · 57594 阅读 · 0 评论 -
axios全局设置url公共请求头
公司项目外链到别公司项目或者网页(通俗的说就是通过别的随意网页跳转至你项目网页),这时公司项目就要区分是从哪个公司或者哪个网页跳转过来的,从而进行不同的接口请求(公司所有接口都要带上请求头)。大部分做法都是设置请求头来区分。做法如下: 废话不多说 直接上代码 通俗易懂: 新建一个配置文件requst.js 内容如下 1 import axios from ‘axios’; 2 // 设置公...原创 2019-06-24 10:47:47 · 79937 阅读 · 2 评论 -
vue之vue-cookies
npm链接:https://www.npmjs.com/package/vue-cookies 安装: npm install vue-cookies --save 使用: import Vue from ‘Vue’ import VueCookies from ‘vue-cookies’ Vue.use(VueCookies) Api: 设置 cookie: this.cookies.set...原创 2019-06-24 10:48:39 · 81347 阅读 · 0 评论 -
vue复制粘贴板
主要使用了 vue-clipboard2 模块 https://vue-clipboard2.inndy.tw/原创 2019-06-24 10:50:18 · 77992 阅读 · 0 评论 -
vue-cli3.x打包后静态资源的路径
vue-cli3.0移除了配置文件目录: config和build文件夹,可以说是非常的精简 修改vue.config.js module.exports = {} 里面的publicPath属性即可原创 2019-06-24 10:50:50 · 82054 阅读 · 1 评论 -
vue中显示格式化的xml
用到了vkbeautify模块 import vkbeautify from ‘vkbeautify’ vkbeautify.xml(‘xxxxxxxxx’) {{xxxxxxxxx}}原创 2019-06-24 10:51:50 · 83144 阅读 · 6 评论 -
vue清除计时器报错timeout.close is not a function
timeout.close is not a function clearInterval(this.timer); //this.timer 打印也有值 但就是报错 结果加个 window 就好了 window.clearInterval(this.timer);原创 2019-07-06 09:49:19 · 22719 阅读 · 1 评论 -
VUE前端界面在iOS中遇到的坑
一、滑动效果卡顿问题解决方案 在需要滑动的位置加上如下css代码: -webkit-overflow-scrolling:touch; 以此,界面滑动卡顿问题得以解决,但是,这一行代码会带来一个副作用: 1、在滑动界面之中使用的position:fixed 无法固定下来,会随着界面进行一起滚动 解决方法:将使用的position:fixed(头部导航)写在滑动部位外部,在使用绝对定位进行布局,以此...原创 2019-07-06 09:50:19 · 22738 阅读 · 0 评论