摘要:
<template> <div id="openLeftOneTl" style="width: 100%; height: 100%;"></div> </template> <script> export default { data() { return { } }, mounted() { 阅读全文
摘要:
video标签单纯的添加 autoplay属性无法实现自动播放 需要添加上 muted这个属性 如下: <video width="100%" height="100%" src="./img/loading.mp4" muted autoplay ></video> 阅读全文
摘要:
先看效果图: <div id="weatherForecast" style="width:100%;height:100%"></div> //自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSize = 阅读全文
摘要:
先看效果图: 代码如下: <div id="lineChart" style="width:100%;height:100%"></div> //自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSize = 阅读全文
摘要:
关于vue项目中,重新渲染当前路由, 路由跳转的时候,生成一个当前的时间戳,作为唯一值(t) this.$router.push({ path:"/xxx", query:{ t:Date.now(), }, }); 在app.vue中的<router-view>传递t给key,以达到重新渲染的目的 阅读全文
摘要:
先看效果图: <div style="width: 462px; height: 230px" id="energyRightTopShui2"></div> //自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let f 阅读全文
摘要:
swiper插件在使用无限轮播的时候,会出现一种自动轮播一轮之后无法点击的情况,造成这种情况的原因是:swiper的无限轮播时会自动复制第一个和最后一个页面进行轮播。但由于只复制页面没有复制点击事件,此时我们用vue写的点击事件在页面循环一周回来遇到复制的页面时,点击事件就会失效。解决的方法:通过s 阅读全文
摘要:
效果图: <div style="width: 462px; height: 220px" id="zhexiantu"></div> // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSize = w 阅读全文
摘要:
效果图: <div style="width: 462px; height: 290px;id="propertyRightTop"></div> // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSi 阅读全文