![](https://img-blog.csdnimg.cn/8adeb51330ee4de4a051b08055d31a27.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
记录与Vue相关的
。。。
茶茶呀
前端工程师
展开
-
熟悉vue组件过渡效果
官方文档对过渡组件的介绍当插入或删除包含在 transition 组件中的元素时,Vue 将会做以下处理:自动嗅探目标元素是否应用了 CSS 过渡或动画,如果是,在恰当的时机添加/删除 CSS 类名。如果过渡组件提供了 JavaScript 钩子函数,这些钩子函数将在恰当的时机被调用。如果没有找到 JavaScript 钩子并且也没有检测到 CSS 过渡/动画,DOM 操作 (插入/删除) 在下一帧中立即执行。(注意:此指浏览器逐帧动画机制,和 Vue 的 nextTick 概念不同)动态渲染示例原创 2021-11-21 18:51:09 · 500 阅读 · 2 评论 -
vscode里突然.vue文件代码没有高亮
以为是按错键,原来是vue插件被我禁用了。误区:以为安装了Prettier-Standard - JavaScript formatter就不用启用vue插件了。vue2用Vetur,vue3用Volar。两个插件都启用后编辑器就可以识别到.vue文件了。代码不高亮也就解决了。...原创 2021-09-07 10:35:40 · 5304 阅读 · 0 评论 -
使用Map优雅写多元判断
想要实现的效果使用el-slider组件,有不同的间断值,使用Map写多元判断,实现只能为我设定的间断值。Mapnew Map([iterable])Iterable 可以是一个数组或者其他 iterable 对象 Map 的键可以是任意值(包括函数、对象、基本类型),其元素为键值对(两个元素的数组,例如: [[ 1, ‘one’ ],[ 2, ‘two’ ]])。每个键值对都会添加到新的 Map。null 会被当做 undefined。页面 <el-popover placeme原创 2021-07-28 10:54:06 · 342 阅读 · 0 评论 -
vue中引用BScroll监听上拉加载报错
项目场景:项目场景:使用better-scroll2.0.4替代原生滚动,原因:原生滚动在移动端体验差,卡顿感强烈。问题描述:报错:mounted() { this.scroll = new BScroll(this.$refs.wrapper,{ probeType:this.probeType, click:true, pullUpLoad:this.pullUpLoad }) if (this.probeTy原创 2020-09-22 18:01:25 · 428 阅读 · 0 评论