![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
Dwyane、
这个作者很懒,什么都没留下…
展开
-
vue中本地文件下载
1.先把文件放在静态资源 public 中2.给标签添加点击事件<a id="download" href="javascript:void(0);" @click="download">下载模板</a>3.页面中引入axiosimport axios from 'axios';4.为了避免中文无法导出,将待导出文件名称改为英文 “ peoplecode.xls ” ,导出后的名称设置为中文名称 “ 员工工号.xls ”;download () {原创 2021-05-27 16:10:40 · 3103 阅读 · 0 评论 -
解决 electron-vue 运行出现 process is not defined 错误
npm run dev 运行项目 出现一下报错:解决:在 .electron-vue/webpack.renderer.config.js 和 .electron-vue/webpack.web.config.js 文件中找到HtmlWebpackPlugin代码段并更改为如下代码:new HtmlWebpackPlugin({ filename: 'index.html', template: path.resolve(__dirname, '../src/index..原创 2021-02-26 18:21:41 · 1623 阅读 · 0 评论 -
vue-router 路由传参 params 和 query
一、params和query理解params方法传参的时候,要在路由后面加参数名占位;并且传参的时候,参数名要跟路由后面设置的参数名对应。/user/:uname 这个路由匹配/user/wade,/data/james 这里的 uname 叫 paramsquery方法,就没有这种限制,直接在跳转里面用就可以。/user?uname=wade /user?uname=james 这里的 uname 叫 query二、query和params的用法1.params:原创 2020-06-01 15:48:58 · 846 阅读 · 0 评论 -
简单实现vue数据双向绑定的原理
vue实现数据双向绑定的原理:就是用 Object.defineproperty() 重新定义对象 设置属性值 (set方法)和 获取属性值(get方法)的操纵来实现的描述:Object.defineProperty()方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。语法:Object.defineProperty(obj, prop, descriptor)参数:obj:要定义属性的对象。prop:要定义或修改的属性的名称。descri..原创 2020-06-02 00:17:10 · 353 阅读 · 0 评论 -
vue中assets与static的区别
1、相同点: 文件夹中的资源在html中使用都是可以的。2、不同点:使用assets下面的资源,在js中使用的话,路径要经过webpack中的file-loader编译,路径不能直接写2.1 static :该目录下的文件是不会被wabpack处理的,它们会被直接复制到最终的打包目录下面(默认是 dist/static ),且必须使用绝对路径来引用这些文件。这是通过在 config.js 文件中的 build.assetsPublicPath 和 build.assetsSubDir转载 2020-06-02 11:41:02 · 529 阅读 · 0 评论 -
fetch 请求封装函数
const TOKEN = 'xxx'/** * POST请求 */function post(url, json) { return new Promise((resolve, reject) => { fetch(url, { method: 'POST', body: JSON.stringify(json), headers: { .原创 2020-09-30 11:29:28 · 442 阅读 · 0 评论 -
vue中点击图片预览放大(支持旋转、翻转、缩放、上下切换、键盘操作)
1.首先是安装npm install v-viewer --save2.配置在main.js中引入记得引用它的CSS样式import Vue from 'Vue'import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'进行Vue注册调用Vue.use(Viewer)Viewer.setDefaults({ Options: { 'inline': true, // 启用 in.转载 2020-12-18 17:06:00 · 1257 阅读 · 0 评论