vue中添加util公共方法&&ES6之import.export https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/export…

mixins基础概况 vue中的解释是这样的,如果觉得语言枯燥的可以自行跳过嘿~ 混入 (mixins): 是一种分发 Vue 组件中可复用功能的非常灵活的方式.混入对象可以包含任意组件选项.当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项. 怎么用? 举个栗子: 定义一个混入对象 把混入对象混入到当前的组件中 用法似不似相当简单呀 mixins的特点 1 方法和参数在各组件中不共享 混合对象中的参数num 组件1中的参数num进行+1的操作 组件2中的参数num未进行操作 看两…

H5 页面在做某个活动的时候,有两种分享方式,一种是链接分享,一种是图片分享. 链接分享的话,如果是在微信里,就可引导用户利用微信浏览器自带的分享,根据sdk设置分享标题简介链接缩略图即可. 图片分享的话,一定是要有个二维码,通过识别二维码来进去活动地址,但有时候这个地址是后端返回的,可能会变化的地址, 所以用的话肯定不能用固定的二维码,而是需要动态生成二维码,合成到分享海报上 用到的生成二维码的工具是 qrcode.js npm install qrcode --save 合成图片展示到页面(…

vue中实现本地储存的方法:localStorage,在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同. (1).储存数据 localStorage.setItem('accessToken', 'Bearer ' + response.data.res…

本文记录一下在Vue中实现导出Excel表格的做法.参考度娘上各篇博客,最后实现功能 Excel表格,我的后端返回的是数据流,然后文件名是放进了content-disposition中,前端进行获取.(前端也可以自己设置文件名)这其中遇到两个问题,第一是文件名获取不到:第二是返回的数据data已经被转成了Blob无法读取错误时后端反馈的信息 不多BB,上代码和解决方法: 第一步发送请求 Axios.request({ method: 'GET', url: `${baseUrl}/order/e…

vue中computed计算属性无法直接进行传参 如果有传参数的需求比如说做数据筛选功能可以使用闭包函数(也叫匿名函数)实现 例如: 在上篇博客vue安装使用最后的成绩表练习中的过滤功能的实现: <tr v-for="(item,index) in arr" v-if="myfilter(index)"> <td>{{item.username}}</td> <td>{{item.sex}}</td> &l…

好家伙, 引子: jQuery简化了程序员操作DOM的过程 vue 优势:MVVM 在vue中,程序员不需要操作DOM.程序员只需要把数据维护好即可!(数据驱动视图) 那么若要在vue中操作dom,这时就要用到"ref"了, 1.什么是ref引用, ref用来辅助开发者在不依赖与jQuery的情况下,获取DOM元素或组件的引用 每个vue中的组件实例上,都包含一个$refs对象,里面存储着对应额DOM元素或组件的引用. 默认情况下,组件的$refs指向一个空对象. 好了,现在我又要开始…

在vue项目中关闭ESLint方法:找到 webpack.base.conf.js 将这些代码注释掉, { test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', include: [resolve('src'), resolve('test')], options: { formatter: require('eslint-friendly-formatter') } } 如图: 然后重启 npm run dev 即可…

1.先安装less-loader npm install less less-loader --save 2.再安装css-loader npm install css-loader --save 3.安装上面两个之后.再安装vue-awesome-swiper(必须在前两个安装过之后安装) npm install vue-awesome-swiper --save 4.安装完之后在package.json文件中查看一下,看是否安装上,如果安装成功,里面会显示对应的版本号 "less"…

在用vue做项目的过程中感觉很好玩,特做下笔记... 父组件中: <template> <div> <fpdx-modal :zbArr="polygonArr"> </fpdx-modal> </div> </template> prop 可以通过 v-bind 动态赋值, 所以bind一个zbArr数组 子组件中: <template> <Modal v-model="fpdxMod…