ZKY的博客

vue打包之后报错：【vue-cli3踩坑】Failed to load resource: net::ERR_FILE_NOT_FOUND1.vue.config.js中设置module.exports = { publicPath: ‘./’ }src/router.js中,干掉mode （搭建脚手架3.0中会默认生成下方，把他给删掉，然后在配置vue.config.js的默认路径就可以了）2.export default new Router({// mode: ‘history’)}

https://juejin.im/post/5b55c118f265da0f6f1aa354 掘金的网址（很好）一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御cSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。如果还对axios不了解的，可以移步a

就想要个勋章

a.active和a:active的区别a.active 是对class=active的a标签生效，（vue中可以动态绑定class配合点击事件使其变色，）a：active 是对按下的a标签生效

JS中的split（）对多个分隔符的处理split是js用来拆分字符串的，以什么字符分割，返回的是一个数组//split也可以，以两个不同的字符进行分割，这样就可以借用正则来去解决let string = "1%2-3"//这里想要以 % 和 * 两个不同的字符进行分割，可以这样写let sp = string.split(/%|-/gi));...

es6新增语法之${} 字符串拼接 配合``符号使用举个栗子let a='aaa bbb';let str=`I love ${a}, because he is handsome`;//注意：这行代码是用返单号引起来的//将字符串变量用${}包起来，再写到需要拼接的地方,需要拼接的字符串写在``里 alert(str);...

$forceUpdate的作用强制更新数据在vue项目中，当你改变data数据源中的数据时，发现页面没有及时的去渲染，这时候可以调用this.$forceUpdate();方法去强制刷新页面首先我们知道在vue中，数据的绑定都不用我们操心，例如在data中有一个msg的变量，你修改它，那么在页面上，msg的内容就会自动发生变化。但是如果对于一个复杂的对象，例如一个对象数组，你直接去给数组上某一个元素增加属性，或者直接把数组的length变成0，vue就无法知道发生了改变,当时你也可以使用$set方法去改

废话不多话，直接看代码let taskDocNumArr =[{id:1,name:z},{id:1,name:z},{id:2,name:k}]taskDocNumArr = taskDocNumArr.reduce((preVal, curVal) => { hash[curVal.id] //这里的id用作去重的唯一标识 ? "" : (hash[curVal.id] = true && preVal.push(curV

报错的原因： 该页面中，两个（或以上）v-for并列存在，并且序列号都使用的是index代号，所以导致冲突。解决办法： 分别写不同的序列下标，比如 i j ，或者加前后缀如 'i’等错误写法<ImgRa :data="item" v-for="(item,index) in qualificationContent" :key="index" /><ImgRa :data="items" v-for="(item,index) in qualificationContent"

mixins基础概况混入 (mixins)： 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。具体应该怎么用？举个栗子： 一、定义公共的mixins文件：如mixin.vue<template> <...

前言：我在学习和工作中遇到什么问题，喜欢到CSDN来寻找答案，那么问题来了，作为一个刚入门的初级程序猿，当我看到自己喜欢的文章后想转载到自己的博客里，却不知道怎么操作，我百度了很多方法，有些方法已经是很久以前的了，现在浏览器更新了他们的操作步骤都不一样了，今天我根据以前的旧教程，自己摸索了一个最新的方法分享给大家。 此教程是在最新版本的Chrome下进行的操作步骤：         1、找到自己喜欢的博客，点击鼠标右键–检查2、找到

插槽也就是slot，是组件中的一块html模板，这模板显示不显示，以及怎样显示由父组件来决定。插槽的使用场景，个人理解勿喷：当你在父组件中想要操作子组件，往子组件插入html代码片段的时候，这时候插槽的作用就是体现了，如果子组件不设置插槽，父组件是插入不了子组件中的代码片段的。单个插槽单个插槽可以放置在组件的任意位置，但是就像它的名字一样，一个组件中只能有一个该类插槽。相对应的，具名插槽就可以有很多个，只要名字（name属性）不同就可以了。看代码父组件 <template>

Object.assign的使用，当然你也可以使用for去遍历 然后再一一去赋值为空字符串，推荐使用（Object.assign）先来看看Object.assign的基本用法Object.assign方法用于对象的合并，第一个参数（目标对象），可以有第二个，第三个参数，都是源对象，将源对象（source）的所有可枚举属性，复制到目标对象（target）。const target = {a:1};const source1 = { b: 2 };const source2 = { c: 3 };

运行vue项目 npm ERR! missing script: dev npm ERR! A complete log of this run can be found in: npm ERR!npm ERR! missing script: devnpm ERR! A complete log of this run can be found in:npm ERR! C:\Users\binglian\AppData\Roaming
pm-cache_logs\2019-08-13T08

vue 循环多个标签，点击标签变色，再点击取消，可以同时点击多个要实现的效果html代码<div :class="{clickColor:spanIndex.indexOf(i)>-1}" v-for="(v,i) in banksData" v-text="v.name" @click="banksClick(i)"></div>css代码 .clickColor { border: 2px solid rgba(7, 167, 227, 1) !

使用uni-app开发的时候遇到这一个需求，一级页面有自己的tabBar当跳转到一个新的页面时，出现另一个自己的底部导航（tabBar）默认打开页面时在跳转一个新的页面时的底部导航默认打开的的底部导航，可以通过pages.json来配置tabBar详情参考uni官网https://uniapp.dcloud.io/collocation/pages?id=tabbar3但是要实现跳转到一个全新的页面，在去定义一个新的tabBar时，光靠配置pages.json是做不到的，这时候需要我们自己

vue中使用vuex首先创建一个store文件夹 在srore文件夹下 创建一个index.jx文件（文件夹命名看个人爱好）State的使用(类似vue实列中的data数据源，来存取数据)index.js文件中的内容import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);const store = new Vuex.Store({ state:{ count:0 }})export defaul

vue常用的传值 ，无非就是父子之间，或者兄弟之间去传值，下边一一介绍他们之间如何传参父=>子father.veu(父组件)<template> <div> 父组件：{{message}} <Son :toSonData="toSonData"></Son>//在components注册的子组件 </div></template> <script>import Son