- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue项目上线后强制清除缓存
我们可以通过给打包编译后的js文件、css文件名称添加时间戳来达到用户刷新时重新获取最新的js、css文件，进而获得最新代码。有时前端代码上线后，用户无法获取最新的代码显示，需要清除浏览器缓存，比较麻烦。vue.config.js 文件。
2024-03-28 16:16:26
160
原创 在echarts中，如何自定义显示legend文本
需求是根据选择的参数做对比，动态生成echarts图，但是需要在legend中显示总数据，所以会出现legend文本与series的name不对应，需要自定义legend。
2024-01-18 15:27:30
880
原创 element-ui表格如何实现跨页保留选中状态
在type="selection"的column中添加reserve-selection属性，在数据更新之后保留之前选中的数据（需指定。），跨页则会保留之前的选中状态。
2023-12-12 10:32:02
166
原创 利用事件监听模式进行组件通讯
如果加上 .native事件修饰符，就会变为原生事件，即便子组件中有$emit自定义事件操作，但是父组件中的事件仍旧会以“vue的原生事件”为优先，原生事件的优先级高于自定义事件。父组件中， 利用v-on进行事件的监听操作，可以不传递参数，也可以不加()，那么回调函数中的event就是默认的事件对象。@click.native 时事件会变为原生事件，会将事件绑定到子组件的根元素上，这时点击子组件的所有元素都会触发事件，因为产生了冒泡。toParent是自定义事件，自定义事件实现了子组件与父组件的通讯。
2023-12-02 13:20:39
30
原创 props的接收方式
只能进行属性的接收而已，但是无法实现类型判断，默认值设置、是否必需以及自定义校验规则。据类型的简单判断，但是无法实现默认值设置、是否必需以及自定义校验规则。对数据类型可以判断，确认是否必需，设置默认值，自定义校验规则。
2023-12-02 11:20:40
137
原创 作用域插槽
3.会把内容传到父组件中。1.父组件传递数组到子组件，子组件接收数组，父组件不会进行循环，子组件接收数组进行循环。2.子组件中接收数组，所以一定是子组件循环遍历。子组件中拿到传递过来的数组进行遍历，用。5.父组件拿到下标和对象可以任意布局。拿到的是子组件传过来的对象，，传过来是对象所以可以解构。
2023-12-01 15:04:22
16
原创 普通、具名、默认、默认值插槽
子组件中可以直接设置slot的名称，而父组件中所对应的slot并不一定必须存在，如果没有则默认显示子组件中的slot的元素内容，但如果父组件中进行了定义slot名称，并且与子组件中的slot名称所对应，那么则显示父组件中传递的内容。子组件：子组件中就利用slot属性并设置name对应父组件中slot的名称内容。子组件：只需要利用slot插槽就可以将父组件中带标签的内容进行显示。父组件：在父组件中可以设置slot属性，并且设置slot的名称。父组件：父组件中利用组件进行标签内容的包含操作。
2023-12-01 14:59:45
24
原创 vue的原生DOM事件、绑定组件、自定义事件
如果加上 .native事件修饰符，就会变为原生事件，即便子组件中有$emit自定义事件操作，但是父组件中的事件仍旧会以“vue的原生事件”为优先，原生事件的优先级高于自定义事件。父组件中， 利用v-on进行事件的监听操作，可以不传递参数，也可以不加()，那么回调函数中的event就是默认的事件对象。@click.native 时事件会变为原生事件，会将事件绑定到子组件的根元素上，这时点击子组件的所有元素都会触发事件，因为产生了冒泡。toParent是自定义事件，自定义事件实现了子组件与父组件的通讯。
2023-11-30 16:37:04
455
原创 vue组件的创建
data是函数的话 会产生函数作用域，保证data只在当前组件起作用 , 可以保持函数返回的数据的私有性。如果data是对象，会影响其他组件的渲染。
2023-11-30 15:24:28
18
原创 自定义插件
这个方法的第一个参数是 Vue 构造器，不是实例，是Vue对象，第二个参数是一个可选 的选项对象。Vue.js 的插件应该暴露一个 install 方法。
2023-11-30 15:16:56
17
原创 自定义指令
v-highlight:background.delayed, binding 里的 modifiers 对象则多了 {delayed: true}v-highlight:backgroundt="'red'", binding里多了一个 arg: "background"v-highlight="'red'"时，binding里多了一个 value:"red"2-可以在 v-xxx="'value'" 进行值的设置。1-v-xxx可以进行自定义指令的调用。3-利用 : 进行自定义指令参数的传递。
2023-11-30 14:36:26
11
原创 vue的内置指令
v-cloak：{{表达式}} 的渲染需要一定的时间，如果网速慢，则会出现 {{}} 显示在界面上的情况，所以需要 [v-cloak] {display: none;那么display: none则不会起作用，页面也会正常渲染。v-pre：里面的内容不会进行插值表达式显示，会原样显示 {{content}}v-once：只会进行一次渲染，渲染完以后不会再次渲染。v-html:会对html格式进行解析操作。v-text:会原样输出数据内容。v-model：双向数据绑定。v-bind：单向数据绑定。
2023-11-30 14:32:51
12
原创 vue生命周期
模板已经在内存中编译, 但还没有挂载到页面上, 不能通过 ref 找到对应的标签对象。能找到$el,但是$el的子元素不能找到，虚拟dom没有转为真实dom。此时 data 和 methods 都已初始化完成, 可以通过 this 去操作, 可以在此发 ajax 请求。但是不能获得dom元素。实例销毁之前调用, 此时实例仍然可以正常工作(在内存中可以工作，对虚拟dom的处理，但是无法调用函数更改数据)在实例初始化之后调用, data 和 methods 都还没有初始化完成, 通过 this 不能访问。
2023-11-30 14:23:23
11
原创 vue如何更新响应式数组与对象的内容
3.直接进行数组元素的整体替换，是不行的 this.persons[1]={ name: 'zhangsan', age: 20, color: 'green' }2.用变异函数整体修改：this.persons.splice(1,1,{name: 'zhangsan', age: 20, color: 'green'})2.如果是新增响应式数据，则 this.$set(this.userInfo,'xxx','x')。this.ingredients.splice(1,1,"soup") // 成功。
2023-11-30 14:17:29
236
原创 动态样式绑定(数组模式)
数组，数组中可以是string也可以是object不同的数据类型的组合。主要掌握的是键名与键值的关系，键名是类名，键值是布尔值。true，那么键类的类名就超作用。否则将键名的类名从class中移除。数组中可以是string也可以是object不同的数据类型的组。可以是任意的样式名称，但是启不启作用在于样式有没有定义。
2023-11-29 19:52:11
35
1
原创 动态样式绑定(对象模式)
键名需要在style里定义，不然没有样式。键值是boolean,为true时类名起效果，false时移除类名。class前需要加冒号，:是v-bind的缩写，意为需要用到data里的数据，class里面是对象。属性计算最终返回的class绑定内容也是对象，键名是类名，键值是布尔值，可以是多个属性节点的操作。相当于 :class="{red:attachRed,blue:!
2023-11-29 19:50:37
48
1
原创 watch数据监控
设置了就可以监控到，但是 newValue和oldValue是一样的，当改变整个对象newValue和oldValue才会不一样。3. 当监控的数据是对象或者数组的引用数据类型，那么修改某个属性是监控不到的，需要当整个对象或数组发生改变才能监控到。4. 设置 deep:true 实现深度监控，不写的话改变某一个属性则监控不到，对象认为你没有改变。6.使用 vm.$watch 也可以实现监控,但不能实现深度监控和立即监控，建议写成对象形式。5. watch 既可以是函数模式，也可以是对象模式。
2023-11-29 19:43:16
30
原创 computed属性计算
3-3. 不管是methods还是computed，它们的来源都是es6当中的class，methods其实就是class当中的普通方法，而computed其实就是class中的get/set方法。3-2. computed是被动的，在调用以后会缓存处理，执行的时候不需要加()，不管执行几次computed计算函数都只被调用一次。3-1. methods是主动调用的，执行次数是根据调用次数来决定的，显然性能比较弱，执行的时候需要加上()2. 属性计算可以是函数形式，但它只是get操作。
2023-11-29 19:38:32
25
原创 键盘事件修饰符
备注：也可以使用keyCode去指定具体的按键（不太推荐）@keyup.alt.c：按下alt+c触发。@keyup.delete：按下删除触发。@keyup.enter：按下回车触发。@keyup.space：按下空格触发。@keyup.down：按下 ↓ 触发。@keyup.esc：按下esc触发。@keyup.tab：按下tab触发。@keyup.w：按下w触发。
2023-11-29 18:25:20
68
1
原创 VUE事件修饰符
click.prevent.stop.once：冒泡和默认事件还有当前点击事件只会阻止一次，下一次点击就是父级的点击事件与默认事件。@click.self：只当在 event.target 是当前元素自身时触发处理函数。@click.capture：使事件触发从包含这个元素的顶层开始往下触发 （事件捕获）@click.self.prevent：只会阻止对元素自身的点击。@click.prevent.stop：阻止冒泡和默认事件。@click.prevent.self：阻止所有点击。
2023-11-29 18:09:42
23
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人