
vue
永远 22
前端程序员
展开
-
vue-treeselect 中的小 tip
1. 设置选中当前节点不默认选中父节点和子节点:flat: true参考资料:https://vue-treeselect.js.org/#flat-mode-and-sort-values2. 选中了分支节点及其所有后代,则vue-treeselect会将它们组合到值数组中的单个项目中,可以通过valueConsistsOf 来更改:ALL: 选中的所有节点都将包含在 v...原创 2019-10-29 16:38:08 · 2107 阅读 · 1 评论 -
source-map 使用
1. vue.config.js 中增加配置module.export = { chainWebpack(config) { config.when( process.env.NODE_ENV === 'development', // production config => config.devtool('#cheap-module-eval-s...原创 2019-09-18 16:22:16 · 609 阅读 · 0 评论 -
element-ui 中自定义上传(http-request)的注意点
1. upload 组件中的 action 不能为空,要随便给一个字符串1. 上传时需要将参数改成 FormData() 类型的,添加参数时只能通过 append('key', value) 的形式进行添加2. 请求头中要将 Content-Type 设置为 multipart/form-data 的形式3. 如果请求参数使用了 qs 进行了封装,那么在上传的时候请对上传的...原创 2019-04-28 18:15:58 · 9643 阅读 · 3 评论 -
vue 中实现下载功能(后端数据是 Blob 类型)
昨天实现下载功能的时候,本以为直接使用 window.location.fref, 就可以直接完成下载,但是多次尝试之后无法完成。在请求中后端要求要加上 token,通过 href 的方式走接口是不会走全局的接口拦截器的,所以就没有办法通过拦截器去往 request header 中添加 token;询问后端在 URL 中取 token 行不,后端说 NO,这样的话之后想办法走接口,询问后端后...原创 2019-03-19 10:05:11 · 4267 阅读 · 2 评论 -
linux下安装nginx,并启动vue项目
小白,第一次尝试linux,并安装nginx完成配置,成功启动vue项目1. 安装依赖yum install gcc-c++yum install -y pcre pcre-develyum install -y zlib zlib-develyum install -y openssl openssl-devel2. 下载nginx,并解压wget -c https:/...原创 2019-02-19 17:47:48 · 1799 阅读 · 0 评论 -
vue-cli项目无法用ip访问
在build目录下有一个webpack.dev.conf.js的配置文件,其中的host属性取自 host: HOST || config.dev.host 所以要去看一下config.dev.host,在config目录下index.js文件中找到dev对象的host属性(原来的是localhost,改成0.0.0.0)这样就可以使用本机IP访问项目了。 ...原创 2019-02-19 17:30:17 · 823 阅读 · 0 评论 -
前端开发文档-学习笔记
规范目的为提高团队协作效率便于后台人员添加功能及前端后期优化维护输出高质量的文档命名规范为了让大家书写可维护的代码,而不是一次性的代码让团队当中其他人看你的代码能一目了然甚至一段时间时候后你再看你某个时候写的代码也能看普通变量命名规范命名方法 :驼峰命名法 命名规范 : 命名必须是跟需求的内容相关的词,比如说我想申明一个变量,用来表示我的学校,那么我们可以这...原创 2019-02-12 16:00:09 · 2816 阅读 · 0 评论 -
elementUI中表格分页多选记忆功能的实现逻辑
学习地址引用:https://www.cnblogs.com/wanglu/p/9160416.html原创 2019-01-05 16:21:32 · 1476 阅读 · 0 评论 -
vue 使用 keepAlive 坑
1. transition和keep-alive一起使用的时候要将transition作为keep-alive的父容器,否则keep-alive的效果出不来2. 将需要缓存的页面在路由配置的meta中写上keepAlive: true,不需要缓存的就不用写3. 有的页面需要缓存,有的页面不需要缓存,所以需要做判断。需要使用第二种方法,因为第一种方法在第一次进入页面的时候keep-a...原创 2018-12-13 16:32:57 · 5867 阅读 · 0 评论 -
组件配置项inheritAttrs、组件实例属性$attrs和$listeners
1. 使用子组件传递了三个prop,但子组件值声明了两个prop,那么多出来的那个将被作为html自定义属性显示在子组件的根元素上。解决办法:在子组件的配置项中增加:inheritAttrs: false;这样就不会再根元素上增加。2. 使用子组件传递了三个prop,但子组件值声明了两个prop。多余的那个未声明的可以用this.$attrs来获取3. $listeners是组件的内置属性...转载 2018-11-19 10:55:28 · 326 阅读 · 0 评论 -
element-ui中利用resetFields()清空表单时的坑
原文链接:https://blog.youkuaiyun.com/weixin_41991501/article/details/81975821#commentBox先上图:在使用的过程中:1. model中的字段要和ref中的字段对应上,model中的字段也就是v-model中监听的对象的字段。2. prop中的字段要和v-model中的字段对应上,这个四个字段都是为了做验证或重置...转载 2018-11-16 14:31:42 · 14817 阅读 · 4 评论 -
创建vue项目的时候遇到:PhantomJS not found on PATH
提示找不到PhantomJS需要进行下载,如果网速允许的话可以直接npm install -g phantomjs如果网速不给力的话,那就先进行淘宝镜像安装npm install -g cnpm --registry=https://registry.npm.taobao.org再用cnpm进行下载cnpm install -g phantomjs大功告成...原创 2018-11-03 10:21:09 · 1687 阅读 · 0 评论 -
input事件和$nextTick
在工作中遇到了一个需求:在input框中实时监测用户输入的内容,只能是数字,如果不是数字,就返回默认值。 用input事件监听用户输入的内容,但是发现如果用户输入的不是数字,在返回默认值的时候出了问题。 这里在赋值的时候在控制台看是赋值成功的,但是页面中还是一个错误的值,并不是返回的那个默认值。想到了$nextTick(),开始查阅资料。Vue的官方文档异步更新队列的介绍 ...原创 2018-10-18 18:21:56 · 864 阅读 · 0 评论 -
element-ui中select的坑
element-ui中的select下拉框,其中的选中项option是通过select中的v-model监听的变量来和option中的value(一般是id)进行匹配,如果匹配成功,则把相对应的label显示到select框中。其中,v-model所监听的变量数据类型一定要是Number类型,如果是String类型则无法进行匹配,则会将接收到的String类型的字符串原样输出到页面上。...原创 2018-09-21 08:43:57 · 7612 阅读 · 0 评论 -
vue中style的scoped属性
本文主要参考了以下大佬的成果:https://segmentfault.com/a/1190000012184604?utm_source=tuicool&utm_medium=referralhttps://www.mmxiaowu.com/article/5a105d5e1b60f4043271122ehttps://vue-loader-v14.vuejs.org/zh-...转载 2018-09-03 19:04:56 · 2802 阅读 · 0 评论 -
使用element-ui遇到的坑
1. element走马灯--取消自动播放用官网上提供的autoplay不起作用,将interval设置为0方可2. input中验证只能输入数字在v-model后边加上.number只能现在不能以非数字开头,用type="number"可以解决在后台返数据的时候也许返回的是字符串类型的数字,所以在赋值的时候需要判断一下数据类型3. form表单验证场景:在打开编辑弹窗时利用$...原创 2018-09-04 18:51:06 · 4647 阅读 · 0 评论 -
vue项目中在引入路由时出现路径问题的报错:This dependency was not found:
在路由配置文件中引入页面报错:This dependency was not found:* pages/user/login in ./src/router/index.jsTo install it, you can run: npm install --save pages/user/login解决办法:在build文件夹中找到webpack.base.conf...原创 2018-09-01 18:44:30 · 39016 阅读 · 7 评论 -
vue项目中页面调用数据的字段响应在数据加载完毕之前出现undefined
踩坑记:在项目中遇到后台数据还没有加载完毕,但是页面上调用了后台数据中的字段,这样就回报undefined。只需在这个数据的标签上加上v-if="判断的字段名",也就是当这个字段存在的时候才显示。这样就可以解决掉undefined的问题。...原创 2018-08-18 23:10:18 · 4711 阅读 · 0 评论 -
在li中添加v-for报红,但是控制台并未报错
踩坑记:在利用v-for遍历时出现报红现象,但是我这边的控制台并未报错经查询,需要在每一个li后边绑定一个唯一的id值原创 2018-08-18 22:20:15 · 1052 阅读 · 0 评论