随笔分类 - vue
use
Vue左滑组件slider的实现
摘要：本文链接：https://blog.csdn.net/latency_cheng/article/details/82983000 slider组件与swiper组件不同，slider滑动时并不翻页，实现的是左滑时，显示右侧内容的功能 1、主要思路 思路和swiper组件类似，主要的也就是对三个触摸
阅读全文
vue 全局引用jq（打包后可能会遇到的问题）
摘要：问题描述：全局引用jquery打包到线上可能会不好使。 第一步： var path = require('path') var webpack = require('webpack') function resolve(dir) { return path.join(__dirname, '..',
阅读全文
vue simple框架打包遇到报错问题
摘要：问题描述：之前一个项目使用vue-simple框架 打包时老是报错 ：原因是es6转化es5时候有错误； 解决： 修改好这个后解决npm run build打包的问题。
阅读全文
HTML5 FormData实现文件上传实例
摘要：转载：https://www.cnblogs.com/hutuzhu/p/4409292.html 表单提交，文件上传是一个常用又十分麻烦的功能，以前要上传文件通常都是借助插件或者flash来实现，噼里啪啦的加载一大堆东西。自从有了HTML5的FormData后，老板再也不用担心我的上传了。 For
阅读全文
解决axios IE11 Promise对象未定义
摘要：在你的项目中安装polyfill Babel Polyfill 按照官网方法安装并引入即可 http://blog.csdn.net/panyox/article/details/76377248
阅读全文
vue项目中实现复制内容到剪贴板
摘要：项目中要实现分享功能，现在各种接口都关闭了，而且不同的浏览器要使用不同的代码，最后决定直接复制url，然后手动分享 Vue中使用了vue-clipboard2 github地址：https://github.com/Inndy/vue-clipboard2 例子： main.js引入 组件中的代码：
阅读全文
vue 自己写的一个日历
摘要：样式： //quanbu全部代码 <template> <div class="priceListContent clearfix"> <!-- 顶部 批量设置 --> <div v-if="wylFlag"></div> <div class="btnContent" > <span class=
阅读全文
关于vue给对象新增属性页面不会动态更新
摘要：不知道大家有没有遇到过这个问题，当我们给data里边声明或者已经赋值过的对象或者数组，添加新的属性时，如果更新此属性的值是不会动态更新视图的。 $set 看以下实例： 我们开始给drug_list追加一个新的属性‘edit_select’，默认所有的编辑状态为false，当我们点击的时候，把当前点击
阅读全文
IE与safari浏览器中时间格式问题
摘要：一、问题内容 在js中处理Date时,发现IE与Safari和其他浏览器的支持方式不一致 1.例如:2017-01-01 12:00:00 在其他浏览器中,使用这个格式的字符串进行new Date操作没有问题,但是在Safari中会提示Invalid Date; Safari中不支持'-'格式的日期
阅读全文
vue中下载excel的使用，后端链接两种情况，一个是链接，一个是文件流
摘要：vue中下载excel使用 一、这是第一种情况，后台链接地址返回的是一个url,这个时候我只要在导出按钮上绑定exportData()这个事件方法就好了 二、这个地方的导出，后台返回的是文件流
阅读全文
vue基于element-ui的三级CheckBox复选框
摘要：最近vue项目需要用到三级CheckBox复选框，需要实现全选反选不确定三种状态。但是element-ui table只支持多选行，并不能支持三级及以上的多选，所以写了这篇技术博文供以后学习使用。 效果图预览： 首先是页面布局，当然也可以使用框架自带的table布局，这里博主自己用的flex布局，这
阅读全文
Vue使用axios请求数据，默认post请求传参是json格式，但后台需要formData格式？？？
摘要：最简单的方式，post请求参数json转formData…代码如下： 使用node的 qs 模块（推荐使用） 就是这么简单，在结合element ui表单一键提交涉及到，希望遇到的同学少走弯路，加油~
阅读全文
vue如何使用rules对表单字段进行校验
摘要：基于element-ui 1、在代码中，添加属性：:rule <el-form :model="form" :rules="rules" ref="form" label-width="150px"></el-form>并且，在<el-form-item>中添加prop属性，对应rules中的规则
阅读全文
axios POST提交数据的三种请求方式写法
摘要：1、Content-Type: application/json 2、Content-Type: multipart/form-data 3、Content-Type: application/x-www-form-urlencoded
阅读全文
vuex中store保存的数据，刷新页面会清空
摘要：用vuex，项目中需要记录一些状态，来判断页面是否为登录状态和页面是否可被编辑，此时用到了vuex中的store来存储一个状态。 这里记录了两个值一个是id一个是状态值checkStatus,然后把创建的store在main.js里导入 至此，我们可以在所需要的vue文件中为其赋值 赋值后，就可以在
阅读全文
vue 中 直接操作 cookie 及 如何使用工具 js-cookie
摘要：转载：https://www.cnblogs.com/xiangsj/p/9030648.html vue 中直接操作 cookie 以下3种操作方式 使用 js-cookie 工具：（比较方便，推荐使用） 工具地址：https://www.npmjs.com/package/js-cookie /
阅读全文
vue 打包后本地先自己启动服务 anywhere 非常好用
摘要：：）nodejs服务器Anywhere Anywhere是一个随启随用的静态服务器，它可以随时随地将你的当前目录变成一个静态文件服务器的根目录。 一，安装node 在nodejs官网下载，安装后打开cmd命令行，输入node -v 查看是否安装成功，安装成功则会出现node的版本号，如： 安装nod
阅读全文
如何解决出现AXIOS的跨域问题：Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response.
摘要：转载：https://www.cnblogs.com/caimuqing/p/6733405.html 问题描述： 由于restful接口需要在头部header传递两个字段： Content-Type: application/jsonAccess-Token: 84c6635800b14e0eba
阅读全文
vue element-ui 设置时间组件
摘要：备注：设置开始时间小于结束时间
阅读全文
浙公网安备 33010602011771号