随笔分类 - vue随笔
摘要：const list1 = [ {id: 0, name: 'xiaomin'}, {id: 1, name: 'xiaohong'}, ]; const list2 = [ {id: 0, name: 'xiaomin'}, {id: 1, name: 'xiaohong'}, {id: 3, n
阅读全文
摘要：一、利用ES6 Set去重（ES6中最常用） function unique (arr) { return Array.from(new Set(arr)) } var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,u
阅读全文
摘要：1 <a-range-picker 2 v-model="rangePickerDateFC" 3 :format="dateFormat" 4 @change="onChange" 5 /> 1 import moment from 'moment' 2 export default { 3 na
阅读全文
摘要：一、当前时间的前一个小时 var frontOneHour = new Date(new Date().getTime() - 1 * 60 * 60 * 1000); console.log(new Date(new Date().getTime() - 1 * 60 * 60 * 1000)，
阅读全文
摘要：vue项目中接受后台传过来的流文件会出现乱码 后台response的内容如下： 在参考各位大大资料的基础下，做了点总结。 // 导出文件流 fetchExportBill(url, data = {}) { return new Promise((resolve, reject) => { axio
阅读全文
摘要：var list = this.linklist; var str = 4; var num = 0; var getStr = function (list) { list.forEach((row) => { if (row.clients) { row.xais = str + num + "
阅读全文
摘要：遇到这样一个问题：在组件mounted生命周期中获取类名为newForm元素的宽度 mounted(){ this.formWidth = document.querySelector('.newForm').offsetWidth console.log('formWidth',this.form
阅读全文
摘要：Vue的动画并没有非常炫酷的效果，不过也是有一些实用性的，在项目中有的地方使用，也是能够营造出不同的效果 下面为大家列举个简单实现动画的例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</ti
阅读全文
摘要：var arr = [ {name:'a',age:9}, {name:'b',age:12}, {name:'c',age:8} ]; arr.sort((a,b)=>{ return a.age - b.age }); function compare(property){ return fun
阅读全文
摘要：今天笔者很高兴，花了一上午的时间研究vuex，终于掌握原来和其使用方法。话不多说直接上干货！ store.js 文件 要使用的vue页面 提醒： vuex如果分为几个模块，方法是在模块中的话，如果直接在组件中通过this.$store.commit("方法名")是获取不到，必须要在前面加上模块名，如
阅读全文
摘要：错误描述我在vue组件中定义了seller数据，seller通过axios请求一个json文件获得，seller中有一个数据supports是数组类型，如下所示：// { "data":{ "supports": [ { "type": 0, "description": "在线支付满28减5" }
阅读全文
摘要：1.使用$router.push 拼接参数传参 this.$router.push('/editCardetail?editType=add') 2、 使用name来确定匹配的路由，通过params来传递参数 this.$router.push({ name: 'login', params: {
阅读全文
摘要：在我们做数据交互的时候总是能遇到各种各样的问题，比如笔者今天遇到了这样一个问题。数据在处理时已经发生变化但视图却没有更新，一开始以为数据没有渲染上去，于是使用了this.$set()，然而并没有上面软用。在尝试多次无果后笔者就想到了拷贝，今天就来谈谈vue浅拷贝与深拷贝吧。 一、数据类型 数据分为基
阅读全文
摘要：第一种方法： var obj = data; //定义对象（data为获取到的对象，在这里定义）var arr = Object.values(obj); //对象转化为数组console.log(arr); 注：该Object.values()方法返回给定对象自己的可枚举属性值的数组，其顺序与fo
阅读全文
摘要：我们在写项目的时候，经常会遇到，用户执行完某个动作，改变了某些状态，需要重新刷新页面，以此来重新渲染页面。如：用户登录成功、增加、删除、更新等。 原始方法： location.reload(); vue自带的路由跳转： this.$router.go(0); 3.用过的人都知道，前两者都是强制刷新页
阅读全文
摘要：一、父组件中动态绑定数据到子组件 父组件向子组件传递数据，首先要在父组件中使用v-bind命令将要传递的数据绑定到子组件上。比如我们要从父组件中给子组件传递两条数据，示例代码如下： <template> <div id="app"> <!-- 使用v-bind命令将父组件中的数据绑定到子组件上 --
阅读全文
摘要：1、安装express-generator npm i express-generator -g 2、创建一个express项目 express my-express-project 这时候能看到my-express-project文件夹下的内容是这样的 4、安装相关项目依赖 npm install
阅读全文
摘要：实现效果： 需要提前下载 echarts-liquidfill echarts没有这个插件 <template> <div id="waterChart" style="flex: 1; height: 150px; width: 100%"></div></template><script>imp
阅读全文
摘要：1、<a-table></a-table>标签中添加属性 :pagination="pagination" 2、data中设置pagination pagination: {current: 1, pageSize: 10, showSizeChanger: true, total: this.to
阅读全文
摘要：<div ref="topInfo"></div> this.$refs.topInfo.offsetHeight; 如果你是组件 this.$refs.topInfo.$el.offsetHeight;
阅读全文
浙公网安备 33010602011771号