vue强制更新
发表于|更新于
|浏览量:
人生是花,而爱便是花的蜜。——雨果
我们可以使用:
1 | this.$forceUpdate(); |
去强制重新渲染vue的页面元素
一般用于异步请求回调后赋值完毕,但页面未渲染的情况下
官方文档介绍如下:
示例:
迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。
相关推荐
2021-06-30
wow.js
青春是一个普通的名称,它是幸福美好的,但它也充满着艰苦的磨炼。——高乐基 今天学到一个wow.js 可以实现很棒的效果 我们去这里下载 https://www.dowebok.com/131.html 使用方法1、引入文件1<link rel="stylesheet" href="css/animate.min.css"> 2、HTML12<div class="wow slideInLeft"></div><div class="wow slideInRight"></div> 可以加入 data-wow-duration(动画持续时间)和 data-wow-delay(动画延迟播放时间)属性,如: 12<div class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="0.1s">左淡入<...
2020-11-07
样式穿透
这是一个最好的时代,也是一个最坏的时代。——狄更斯 前段时间用elementUI进行开发,发现样式修改不了 这里一个简单的表格页面 12345678910111213141516171819202122232425262728293031323334353637383940414243<template> <el-table :data="tableData" style="width: 100%;"> <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-table-column prop="name" label="姓名" width="180"></el-table-column> <el-table-column pro...
2024-10-15
object-fit
能轻易做到别人感觉困难的事是人才;能轻易做到别人所不能做的工作是天才。——西德尼 讲一个小技巧,对于图片裁剪可以用这个属性:object-fit object-fit 是一个 CSS 属性,用于指定替换元素(如 <img> 和 <video>)内容的尺寸如何适应其容器。它定义了内容如何填充容器的大小,以及是否保持内容的比例 例如: 123<div style="width: 400px; height: 400px; overflow: hidden;"> <img src="https://vampireachao.github.io/imgs/head.png" style="width: 100%; height: auto; object-fit: cover; object-position: 0px 0px;transform: scale(1.2);"></div>
2021-04-15
js日期、经纬度格式化
如果你不出去走走,你就会以为这就是全世界。——《天堂电影院》 如果你不出去走走,你就会以为这就是全世界。——《天堂电影院》 之前写过一篇js时间戳格式化以及一篇js中Date函数的api 今天写篇“人性化”的格式化的 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889// 格式化 传入毫秒值,计时秒表用function formatTime(time) { if (typeof time !== 'number' || time < 0) { return time } var hour = parseInt(time / 3600) time = time % 3600 var minute = parseInt(time / 6...
2021-04-17
vue-router传参
生命是一张弓,那弓弦是梦想。——罗曼·罗兰 官网 之前我们配置过路由,这里就不多赘述如何配置了 我们聊聊如何传参 我们之前使用方式如下 1this.$router.push(page); 这里page为path,值为我们在router的index.js中配的/message/message 我们如果需要传参 则可以使用下面这种方式 123456789this.$router.push({ name: pageName, params: { userId: '123' }, query: { plan: 'private' }}); 注意这里pageName是我们在路由中配置的name而不再是path了,因为path和params一起用会导致params为空对象 按照我们上面写的,我们跳转到message页面去了 1234567891011121314151617<template> <div> {{$route.para...
2022-05-24
css继承
浅水是喧哗的,深水是沉默的。——雪莱 我们知道CSS中一些属性会被继承:给父节点设置样式,子节点也会生效例如color、font-size之类的 但像widths, margins, padding, 和 borders 不会被继承,如果被继承,设想一下,给父节点加了一个border,里面的每个子孙元素都有一个border,这不是我们通常想要的效果 如何来控制这些属性呢? CSS 为控制继承提供了四个特殊的通用属性值。每个css属性都接收这些值。 inherit 设置该属性会使子元素属性和父元素相同。实际上,就是 “开启继承”. initial 设置属性值和浏览器默认样式相同。如果浏览器默认样式中未设置且该属性是自然继承的,那么会设置为 inherit 。 unset 将属性重置为自然值,也就是如果属性是自然继承那么就是 inherit,否则和 initial一样 这里有一个简单的demo: 12345678910111213141516171819202122232425262728293031<div> <h2> ...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog