logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue-封装锚点组件

当页面的内容或者文字特别多的时候 我们就需要使用到锚点。但是由于element-ui没有锚点(iview,ant有)。故自己封装一个锚点页面:由于锚点的滚动可能和vue路由有冲突,所以我选择自定义函数来实现锚点的滚动第一种修改路由:(我没有参考这种方法)// 例子,自行封装到你項目的代碼const router = new VueRouter({routes,mode: 'history',scr

#vue.js#javascript#html
vue-封装分割面板

记录一次 分割面板的封装:<template><div class="split-pane-wrapper" ref="outer"><div class="pane pane-left" :style="{ width: leftOffsetPercent }"><slot name="left"></slot></div>

#javascript#css#html
vue-列表及长列表封装-长列表优化

一.本组件诞生的前提是 element-ui 没有对应的列表组件,故自己封装一个列表组件。二.自己封装列表组件时,发现当大量数据渲染时会出现延迟,或显示时间过长等问题。这时就需要使用长列表或者使用分页来搭配使用。分页处理,在这里就不做过多的处理,大家都会。现在先来看看如何实现长列表和列表的封装:1.封装一个list外层框架:<template><div :class="`CecL

#javascript#vue.js
typeScript学习(六)之在vue中使用ts编写vuex

vuex 装饰器cnpm install -s vuex-module-decorators文件地址:/store/modules/about.tsimport { Module, VuexModule, Mutation, Action, getModule } from 'vuex-module-decorators'import store from '../index'const getL

#typescript#vue.js
vue3 setup语法糖(部分总结)

setup script有什么用看到这里很多小伙伴就不理解了,我在script后面加上一个setup有什么用呢?接着看!1、自动注册子组件直接看例子vue3语法<template><div><h2>我是父组件!</h2><Child /></div></template><script>import {

文章图片
#vue.js#javascript#前端
vue3及与vue2的区别总结(部分)

1.生命周期的变化:3.x(上) 2.x(下)不难看出,vue3.0与vue2.0之间生命周期函数在销毁的时候有变化:beforeDestroy --> beforeUnmountdestroyed --> unmounted其他的区别主要在于书写使用的语言上的差别在ts中使用 class 类组件书写可以 参考 vue-class-component 或者 vue-property-d

文章图片
#javascript#vue.js
解决react直接使用ref警告问题

有两种方式可以解决这个问题先来介绍第一种方式,使用React.createRef() API在构造函数里面使用React.createRef()复制代码constructor() {super();this.author=React.createRef()}在需要使用refs的标签上绑定:复制代码<p classname="emails"><span>email:</

#reactjs
vue3及与vue2的区别总结(部分)

1.生命周期的变化:3.x(上) 2.x(下)不难看出,vue3.0与vue2.0之间生命周期函数在销毁的时候有变化:beforeDestroy --> beforeUnmountdestroyed --> unmounted其他的区别主要在于书写使用的语言上的差别在ts中使用 class 类组件书写可以 参考 vue-class-component 或者 vue-property-d

#javascript#vue.js
到底了