cofecode-CSDN博客

原创 js数字精度问题

近期在项目中有出现大数值的订单号9148368244236619在调用接口时自动变成9148368244236620的情况js处理超过16位的数字会有误。也包含获取后端返回来的位数很长的id，建议后台返回来的id用字符串的格式返还回来。

2017-09-29 10:57:58 509

原创 element-ui el-upload 文件上传解读

el-upload上传在标签上可以配置，这里推荐v-bind 动态绑定方法参数action后面写上传到服务器端的地址（地址）<el-upload class="avatar-uploader" ref="upload" list-type="picture-card" :action="iconImageUrl" :data="{fileType: f

2017-09-25 11:29:54 14445 3

原创 el-upload 与 FormData上传文件

最近在用el-upload做上传图片的功能，用的el-uplod中的点击上传做。但是点击上传的时候。不会触发action中的post请求，所以就干脆在on-change函数里写入原生的FormData上传文件的方法。getImgUrl () { var fileValue = document.querySelector('.el-upload .el-upload__input')

2017-09-25 11:06:46 20516 4

原创 element-ui中的select下拉列表设置默认值

element-ui中的select下拉列表如何设置默认值？在element-ui的运用中，涉及到了select下拉列表。项目中需要将select的默认值给展示出来那如何修改呢？上element-ui中的代码片段<template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in

2017-09-14 14:11:43 57022 6

项目中组件之间需要共享一些变量。于是乎我把各个页面之间需要共享的一些的值存到了vuex里面。其中一个页面拿到值之后，就把其存到vuex里另外的页面就用this.$store.state.XXX来调用。但是有个问题。在刷新浏览器后vuex里面的值就会全部丢失。目前没有找到更好的办法，只能把需要共享的值往sessionStorage里面存。然后每个组件自身需要用的时候，再去sessionStorage里

2017-08-28 10:47:46 1121

原创 axios window.open 拦截处理方法

做项目的时候，axios请求成功后会在新窗口打开一个网页。直接用window.open(url)被谷歌浏览器给拦截住了。解决方法：在axios发送之前就打开一个空白的新窗口var newPage = window.open()如果这样写，打开的空白页上有标题，显示的是“无标题”window.open('about:blank') 这样的话，标题上显示的是'about:blank'然后在axios的t

2017-08-28 10:12:42 3690

原创 element-ui 自定义弹框，加入图片

element 组件库里面有弹框组件。实际项目中需要用到弹框。需求是在弹框的div里面放入一张图片。用到的是element弹框组件的最后一个。自定义弹框组件 const h = this.$createElement;官方的js里面是先创建一个类似div的容器元素。message: h('p', null, [ h('span', null, '内容可以是 '), h('i', {

2017-08-28 10:10:15 12045 2

原创 window.open() 和 window.location.href

window.open() 和 window.location.hrefwindow.open window.open('https://www.baidu.com/') 打开新地址window.location.href 得这样写window.location.href='https://www.baidu.com/'两者的区别window.open('https://www.baidu.

2017-08-22 09:48:45 643

原创 js去掉小数点后多余的0

项目过程中，后端做了两位小数点的处理，返给我的是两位小数。比如response里面的是180.50，结果到了页面展示的时候。变成了180.5。原来是js会不失时机的把小数点后多余的0给去掉。解决方法 toFixed(2)例如this.integralBySum = response.data.data.integralBySum.toFixed(2)注意：这时需要后端返给字符串的金额。就不会出

2017-08-18 09:50:42 5517

原创 element-ui 格式化时间

原来。element-ui有自己封装好的格式化时间的方法。给时间组件的标签上绑定@change就行。然后再methods方法里面定义change方法<el-date-picker v-model="daterange" type="daterange" placeholder="选择日期范围" @change="dateChange"></el-date-picke

2017-08-08 11:32:52 2126

原创 url编码输出会把+号变成空格

url编码输出的时候会把+号变成空格。解决方法：不要用encodeURI，而使用 encodeURIComponent

2017-08-03 10:13:37 4025

原创 vue项目中this指向

实际项目过程中。在data里面定义好了 phone的值。在发送ajax请求后,this.phone的值便拿不到了。这里我axios去请求。then的回调是用es5的写法写的。发送请求前，this.phone还有值，发送请求后this.phone的值就有问题了。纠其原因是es5 的写法，this的值发生了变化。指向undefined。而这里我们的this 需要指向vue实例这里需要再继续补充箭头函数

2017-08-02 08:19:27 8106

原创模块化操作

模块化操作理解两个单词export 对外部输出import 引入例如，输入一个变量export var name = 'chius';输出完了，怎么引用呢？import {name} from './text.js'console.log(name)多变量的输出export {a,b,c}export default的使用来自阮一峰一个模块只能有一个默认输出，因此export defaul

2017-08-01 18:38:24 279

原创 vue-resource 踩坑记

在项目工作中，用vue-resource去请求后端数据。请求方法为POST请求。用this.$http.post去请求，请示我跨域了，然后我用vue-resource的this.$http.jsonp去请求。但是vue-resource的jsonp方法只能是GET 的方式去请求。如何做到跨域的POST请求？试过一些方法，未果，记录一下。

2017-07-30 16:38:05 397

原创微信小程序文件结构

pages下面刚好有两个页面。一个是index的文件夹，一个是logs（查看启动日志）的文件夹。每个文件夹下面，又有四个文件。分别对应的.js 行为.json 配置.wxml 骨架.wxss 样式app.js和app.json和app.wxss是描述应用程序整个的一种状态。没有wxss文件，在全局里是唯一的。是应用程序的入口在全局里配置样式和在文件夹里配置样式，哪个的优先级会高一些？这里

2017-07-17 14:10:46 513

原创 ES6 函数的参数设置默认值

ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。很简单，上例子<script> function foo(x = 11, y = 31) { console.log( x + y ); } foo(); //没传参数，走默认值，为42 foo(1,2); //有参数，走参数，为4 </script>是不是很简

2017-07-13 00:20:30 3728 1

原创时间对象格式转换

var d = new Date();function fn(d){ var year = d.getFullYear(); var month = d.getMonth()+1; var day = d.getDate(); month= month<10 ? ‘0’+month :month; day =

2017-07-12 10:52:51 596

原创 Vue中父组件向子组件通信

props组件实例的作用域是孤立的。子组件的模板中是无法直接调用父组件的数据。可以使用props将父组件的数据传给子组件。子组件在接受数据时要显示声明props看下面的例子<div id="app"> <panda here='China'></panda></div><script src="https://unpkg.com/vue/dist/vue.js"></script><sc

2017-07-10 18:54:32 745

原创 Vue 命名视图是个啥？

除了命名路由外，还有一种配置路由的方式，叫命名视图。命名试图是个啥？就是在单个路由可以定义多个命名组件上例子路由这样配置const nav = { template: '<div>我是导航栏</div>' }const sidebar = { template: '<div>我是侧边栏</div>' }const router = new VueRouter({ mode: 'histor

2017-07-08 11:28:11 3912

原创 Vue中$parent 和$children的使用

$parent 该组件实例的父级组件实例$children 该组件实例的子组件实例上代码html部分<div id='box'> <parent ref='pa'></parent></div> script部分Vue.component('parent',{ template:`<div><h1>父组件</h1><child></child></div>`,

2017-07-07 11:18:31 13148

原创 Vue 创建组件的两种方法

创建组件方法var child=Vue.extend({})var parent=Vue.extend({})Vue.extend() 全局方法生成构造器，创建子类使用基础 Vue 构造器，创建一个“子类”。这样写非常繁琐。于是vue进行了简化使用Vue.component()直接创建和注册组件：Vue.component(id,options) 全局方法用来注册全局组件id 是strin

2017-07-07 10:30:47 15908

原创安装vue-devtool工具

最近公司在用vue-cli在做项目。下载了一个vue-devtool的谷歌浏览器工具。目前还在摸索中。安装好了后，必须在vue-cli的项目中打开控制台，才能看到vue的调试工具。在别的普通的网页下，工具的图标是灰色的。点上去的时候，也只是显示Vue.js not detected

2017-07-06 18:22:13 2084

cofecode的博客