qq_32615575的博客

vue2相关配置

组件当前点击 如果采取冒泡阻止 .stop（页面只引用单个组件的时候）<template> <div class="comtainer"> <div @click.stop="handleInput" class="select-selection" ref="selectSelection"> </div> </div><template>Document 事件绑...

vue2.0 watch选项 deep immediate handlerwatch: { a: function (val, oldVal) { console.log('new a: %s, old: %s', val, oldVal) }, // 方法名 b: 'someMethod', // 深度 watcher c: { handler:...

1、$attrs组件深层传值 可通过父组件绑定 v-bind="$attrs"传给子组件一般子组件this.$attrs可以拿到父组件的所有传输的属性。 当子组件props注册了声明某属性之后，this.$attrs将不包含该属性； 同理通过v-bind="$attrs"绑定孙子组件也不会包含子组件props声明的属性。props: { data:{ type: Array, default: () => [],//数组格式[{label:xx,valu...

关于vue组件父组件、extends、mixins、components组件执行顺序1、extends、mixins、父组件生命周期交叉执行，同生命周期阶段优先级顺序为：extends >mixins >父组件2、关于数据，创建前组件都得不到数据data3、挂载前都拿不到this.$el，挂载dom结构对象4、父组件、拓展、混合 （方法/数据）可以共用，extends代表组件继承vue子类options的选项包含数据、方法、生命周期（以数组形式被集合到父组件）等均可继承，可...

不管是react还是vue，父级组件与子组件的通信都是通过props来实现的，在vue中父组件的props遵循的是单向数据流，用官方的话说就是，父级的props的更新会向下流动到子组件中，反之则不行。也就是说，子组件不应该去修改props。但实际开发过程中，可能会有一些情况试图去修改props数据：注意：props属性是值传递的方式。this.forceUpdate函数：迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。...

拷贝方式1、针对数组有这些方法：Array.slice() 1 2 vara=[1,2,3]; varb=a.slice();<br>b[0]=4;<br>console.log(b);//[4,2,3]<br>console.log(a);//[1,2,3] Array.concat 1 2 3 4 5 vara=[1,2,3];...

<div id="article_content" class="article_content clearfix" style="height: 2301px; overflow: hidden;"> <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-211130ba7a.css"> ...

在使用Vue-router做项目时，会遇到如/serviceId/:id这样只改变id号的场景。由于router-view是复用的，单纯的改变id号并不会刷新router-viewwatch 除了可以监听数据的变化，路由的变化也能被其监听到:key vue 为你提供了一种方式来声明“这两个元素是完全独立的——不要复用它们”。只需添加一个具有唯一值的 key 属性即可针对以上，经过本人项目实践以及网友贡献，有三种方法可解决：方法一：通过 watch 监听路由（亲测可行） 1

特殊 attribute#key预期：number | stringkey的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。而使用 key 时，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。最常见的用例是结合v-..

目录前言核心——CancelToken实际应用和封装一些小细节前言在实际项目中，我们可能需要对请求进行“防抖”处理。这里主要是为了阻止用户在某些情况下短时间内重复点击某个按钮，导致前端向后端重复发送多次请求。这里我列举两种比较常见的实际情况：PC端 - 用户双击搜索按钮，可能会触发两次搜索请求移动端 - 因移动端没有点击延迟，所以极易造成误操作或多操作，造成请求重发以上情况有可能在有...

最近在学习vue的单页面应用开发时，需要用到路由传值，这就涉及到了两个对象$router和$route，自己当时也是分不清，后来自己结合网上的博客和自己本地的vue项目了解了他们的区别：1.$router是VueRouter的一个对象，通过Vue.use(VueRouter)和Vu构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由，包含了许多关键的对象和属性。以history对象来举例：$router.push({path:'home'})，本质是向histo

element提供的分页是已经封装好的组件,在这里再次封装是为了避免每个用到分页的页面点击跳转时都要写一遍跳转请求，传入请求数据函数<!--分页组件--><template> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"...

table表格头进行筛选过滤<el-table-column :filters="filters" //格式数组[{value:,text:}] :filter-multiple="false" //多选默认true :filter-method="()=>true" //函数，需设置返回true才可显示 column-key="personSta...

<el-table-column min-width="120px"> <template slot="header" slot-scope="scope"> xxxx <i class="el-icon-question" title="aaa/bbbb"></i> &l...