vue
Leal-Lee
这个作者很懒,什么都没留下…
展开
-
vue 过渡效果中 leave 钩子函数没有过渡效果
在vue 过渡中,仅用JavaScript 过渡的时候,在 enter 和 leave 中必须使用 done 进行回调。否则after-enter和 after-leave不会调用,并且enter 和 leave将被同步调用,过渡会立即完成。但在 leave中使用done回调时,离开状态也会立即执行,即使不调用done()函数,leave参数done必须传,不传也会立即删除元素导致动画不执行,但不调用done函数, after-leave又不能执行,导致元素样式display属性不为none,消失不了原创 2021-08-28 23:30:32 · 867 阅读 · 0 评论 -
vue中使用js控制hmtl元素过渡时没效果
在VUE中我们经常会操作DOM来操作HTML元素的样式进行过渡, 由于浏览器渲染原理(dom树和css树合并后才开始渲染),使用JS操作css样式时,js会同步执行代码,导致后面设置的css样式会覆盖前面的样式,然后渲染页面。所以,这种情况下,我们要应该在设置后面的样式之前,强制渲染一下页面,或者或者使用异步方法(比如settimout)处理后续的css样式...原创 2021-08-28 00:10:05 · 156 阅读 · 0 评论 -
vue 引入本地图片不显示
一般情况我们引入图片方式:这样传过去的图片地址,在页面无法显示:大致总结了一下原因:是由于webpack打包引起的,没打包之前,图片是在src文件夹的assets文件放置的图片,webpack不会把url路径当成依赖项进行打包,打包后,dist文件夹下并没有assets文件,所以图片加载不出来解决方案:先将图片从本地导入到组件中,这样webpack打包时就会把图片当做依赖进行打包,打包后会多一个图片文件夹,从而加载图片<template> <div id="app">原创 2021-06-22 01:24:42 · 2294 阅读 · 0 评论