随笔分类 - Vue
摘要：目录 JS实现 简单深拷贝(一层浅拷贝) 粗暴深拷贝(抛弃对象的constructor) 复杂深拷贝(相对完美) ES实现 lodash中的cloneDeep方法(完美) 一.JS实现 1.简单深拷贝(一层浅拷贝) ①for循环拷贝 // 只复制第一层的浅拷贝 function simpleCopy
阅读全文
摘要：根据下标更改时 常规更改 splice方法 实例 例子 1 在本例中，我们将创建一个新数组，并向其添加一个元素： 输出： 例子 2 在本例中我们将删除位于 index 2 的元素，并添加一个新元素来替代被删除的元素： 输出： 例子 3 在本例中我们将删除从 index 2 ("Thomas") 开始
阅读全文
摘要：import： html文件中，通过script标签引入js文件。 而vue中，通过import xxx from xxx路径的方式导入文件，不光可以导入js文件。 “xxx”指的是为导入的文件起一个名称，不是指导入的文件的名称，相当于变量名。 “xxx路径”指的是文件的相对路径. src下有com
阅读全文
摘要：今天再重新配置老项目node打包环境的时候遇到了一个问题。 在打包的时候报： （这里需要强调一下，安装环境的使用一定要 save dev或者是 save，否则欲哭无泪啊） 很明显，这是node一些包的版本对应不上的问题。。。 站在巨人的肩膀上摘苹果: 原文：https://blog.csdn.net
阅读全文
摘要：vue ls NPM Yarn Usage Vue storage API. Global Context API Vue.ls.get(name, def) Vue.ls.set(name, value, expire) Vue.ls.remove(name) Vue.ls.clear() Vue
阅读全文
摘要：进度条库是前端中常见的库之一，bootstrap中提供了多种进度条样式。NProgress.js和nanobar.js是两款轻量级的进度条组件，使用简便。用于页面刚打开时的页面加载进度显示。 官网 1. NProgress nprogress 简介 轻量级的ajax进度条应用，灵感来自Google,
阅读全文
摘要：Vue使用import ... from ...来导入组件，库，变量等。而from后的来源可以是js，vue，json。这个是在webpack.base.conf.js中设置的： module.exports = { resolve: { extensions: ['.js', '.vue', '.
阅读全文
摘要：挂载全局方法 使用jsencrypt进行rsa加密 原文链接：Js参数RSA加密传输，jsencrypt.js的使用 CSDN博客 https://blog.csdn.net/p312011150/article/details/80264144 （原文处有一个地方不对，不需要转换+，rsa已经做过
阅读全文
摘要：``` 你把函数定义在 Vue 的原型链上，只能在 Vue 的实例里才能取到这个方法。 vue组件 是一个Vue 的实例，所以你当然能在这里调用到 ajax 方法。 而，vuex 只是一个 vue插件，在 vuex 里的 this 不是指向 vue实例的，所以肯定是取不到 ajax 方法的。 建议：把函数放在一个单独的模块里定义，这样你在项目的不同地方，可以通过 import 的方式引入使用。 `
阅读全文
摘要：vue cli3 一直运行 /sockjs node/info?t= 解决方案 首先 sockjs node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。 服务端：sockjs node（https://gith
阅读全文
摘要：当需要从vuex中获取的变量特别多是,可以使用mapState代替 当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 mapState 辅助函数帮助我们生成计算属性，让你少按几次键： // 在单独构建的版本中辅助函数为 Vuex.mapSta
阅读全文
摘要：axios 基于http客户端的promise，面向浏览器和nodejs 特色 浏览器端发起XMLHttpRequests请求 node端发起http请求 支持Promise API 监听请求和返回 转化请求和返回 取消请求 自动转化json数据 客户端支持抵御 安装 使用npm： npm inst
阅读全文
摘要：原因是定义了一个叫做details的comonent 跟现有的html网页中的标签重合 组件，不能和html标签重复 details组件，h5新标签重复 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 一是完全不合法的标签名，例如 ； 二是与 H
阅读全文
摘要：错误 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null" 错误场景一： 错误提示： 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成
阅读全文
摘要：vue的一大特色就是组件化，所以组件之间的数据交互是非常重要，而我们经常使用组件之间的通信的方法有：props,$refs和emit。 初识组件之间的通信的属性和方法 props的使用 子组件使用父组件的数据，使用vue的属性props。 当我们在父组件parent里面嵌套一个子组件son的时候，如
阅读全文
摘要：Vue 父组件循环使用refs调用子组件方法出现undefined的问题 1. 背景 最近前端项目遇到一个问题，我在父组件中使用了两个相同的子组件child，分别设置ref为add和update。其中A组件的功能是新增，也就是说在页面上A页面只有一个。而update组件是放在表格里的，表格中的每一行
阅读全文
摘要：前端填坑之路Ant Design里面的一些触发方法，如OnChange,OnSelect等等，当你触发时，该时间会自动传一些值给方法。 这是Select里面的onChange调用，在红框中，他会自动传Option的value值给你写的方法。 但如果，你想在这个调用中除了传固有的值，还想传你自己相传的
阅读全文
摘要：this在各类回调中使用: 如果是普通函数是没法使用的 如果是箭头函数式可以使用的
阅读全文
摘要：Invalid default value for prop "value": Props with type Object/Array must use a factory function to return the default value.（props default 数组／对象的默认值应
阅读全文
摘要：最近在做课设的时候 用到了Elementui 中的dialog的组件，但在将dialog作为一个子组件的时候，传值出现了问题。当关闭dialog的时候应该怎么传值? 一开始的时候的想法比较简单，就是父组件直接传值来作为子组件的show/hidden的值。 然而这样的问题是当子组件close的时候，他
阅读全文
