Devin_Chen的博客

<el-select v-model="value" ref="selectRef" @visible-change="visibleChange('selectRef')" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="...

vue + element 项目中需要根据输入的值，立即对输入框的数据进行判断;如果使用 @change ,只有在失去焦点的时候触发；这个时候可以用 oninput 监听oninputoninput 事件在用户输入时触发。该事件在 <input> 或 <textarea> 元素的值发生改变时触发。提示：该事件类似于 onchange事件。不同之...

### js运算0.1+0.2的值在项目开发的时候，常常会进行基本的运算，而前端运算很多时候是很难避免的需求，可是，我们都知道，由于一些精度问题，前端往往不能进行那么完美的运算，例如```0.1+0.20.30000000000000004```当我们输入0.1+0.2这个全世界都知道答案的简单问题的时候，会得到一个我们吃惊的结果，那么是什么原因促成...

vuevue 简介及基本原理vue官网简介：Vuex是Vue.js应用程序的状态管理模式+库。它充当应用程序中所有组件的集中存储，其规则确保状态只能以可预测的方式进行变更。它还与Vue的官方devtools扩展集成，以提供零配置时间旅行调试和状态快照导出/导入等高级功能。每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (...

axiosaxios 简介Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。axios 安装$ npm install axios或者使用cdn<script src="https://unpkg.com/axios/dist/axios.min.js"></script>vue项目axios封装创建文件夹并...

什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！生命周期钩子：就是生命周期事件的别名而已；生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类：创建期间的生命周期函数： beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性 c...

在项目中。利用axios发送请求的时候，有时候会报一个错误：404 BadRequest请求代码如下：请求结果如下：同一个项目中同样的发送请求方式，为啥这个接口会出错呢？后来经过用postman 以及与后台对接及根据之前请求成功的接口数据进行对比，发现这个接口的传输数据中有数组存在。经过各方面查验。找到了引入qs的解决办法，代码如下：请求成功了，但是，为什么要...

### vue项目搭建的基本环境1：安装node.js首先电脑需要安装node.js，安装node.js会自带npm;查看node和npm的安装版本，如果安装了可输入：node -v 和 npm -v;可以查看当前安装版本的版本号；弹出版本号，则说明已安装，2:下载淘宝镜像 cnpm；上面我们下载的是npm包管理工具；但是由于npm服务器是在国外的，而在国内下载有时速...

参考地址https://www.jianshu.com/p/7bc63935a570业界的埋点方案主要分为以下三类：代码埋点：在需要埋点的节点调用接口，携带数据上传。如百度统计等；可视化埋点：使用可视化工具进行配置化的埋点，即所谓的「无痕埋点」，前端在页面加载时，可以读取配置数据， 自动调用接口进行埋点。如开源的Mixpanel;无埋点：前端自动采集全部事件并上...

vuevuexVuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同：Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。你不能直接改变 store 中的状态。改变 store...

中央事件总线在vue项目中，各组件之间是需要传值的，有时候非父子关系的组件也需要通信。在简单的场景下，使用一个空的Vue实例作为中央事件总线。称为中央事件总线传值。通过建立中间的事件bus总线。实现非父子组件之间的数据通信。首先建立事件bus，我会新建一个bus.js文件；注册bus。分别在组件中使用emit和on实现数据之间的通信；bus.js``` //bus.js，注册Bus...

vue路由跳转发送方路由跳转方法时 clickRowValFun(data){ this.$router.push({path:'/pending-particulars/'+data.id}); },在需要跳转的路由后面加上你需要传递的参数设置路由时 { path: '/pending-particulars/:pro...

vue子父类传值父传子子组件(接收方)在vue对象中，通过props属性声明，声明他期待获得的数据props:[“commentId”],父组件(发送方)注册子组件，在使用子组件的时候，以键值对的方式传递给子组件，:commentId=“commentId”然后再data里面定义commentId的值，子传父子组件(发送方)以某种方式触发一个自定义事件，在事...

把一个vue项目拷贝到另一个地方启动不了的解决办法把一个vue项目文件拷贝到另一个地方，然后 npm run dev 启动不了.造成这样的原因是当你在一台电脑上编译后npm会有cache缓存，到另外一个地方编译这个项目的缓存与原缓存不一致，导致编译报错。解决办法：删掉node_modules文件夹，2.然后cnpm install 和npm run dev就可以在这台电脑运行你的项目...

vue 改变对象属性。视图不刷新问题在vue的data数据中心定义一个对象obj，然后在触发事件时给obj添加或修改属性的时候，页面中的视图不会同步更新，只有当其他数据发生改变时，视图才会同步更新数据，按理来说vue data数据中心的数据是双向绑定的，当数据中心的数据发生改变时，视图就会同步更新才对。后来通过查阅官网资料发现：Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化...

vscode使用vue中的v-for提示错误在项目中是用v-for时，vscode提示错误信息 <div v-for="(item,index) in object.cooperationDepartmentNumber">Vue 2.2 之后，要求 component 进行列表渲染时，必须指定 key，因此这里可能是 vscode 的一个误报...

vue2 “Cannot read property ‘length’ of undefined”最近在项目中总是遇见报错"length of undefined"的问题，因为项目的需要要显示存在的个数，所以通过length来进行求职 this.projectReportSumNum = val.reportArray.length;虽然界面可以显示len...

vue路由跳转参数传递发送方路由跳转方法时 clickRowValFun(data){ this.$router.push({path:'/pending-particulars/'+data.id}); },在需要跳转的路由后面加上你需要传递的参数设置路由时 { path: '/pending-particulars/...

非父子组件之间传值路由跳转传值发送方路由跳转方法时``` clickRowValFun(data){ this.$router.push({path:'/pending-particulars/'+data.id}); },在需要跳转的路由后面加上你需要传递的参数<!-- more -->设置路由时 ``` { ...