element ui el-select默认值闭坑 当默认值是value:【选项的值,】时,要想渲染的数据是label:【选项的标签,】,需注意,默认值的数据类型必须与option遍历数据的value数据类型一致
swiper子项可滚动 swiper-slide里嵌套滚动容器 【注】:需要滚动的slide的样式要添加 overflow-y:scroll;否则不生效`this.swiper.slides.on('touchstart', function (e) { startScroll = this.scrollTop; touchStart = e.targetTouches[0].pageY; }, true); th.
JS 实现点击复制 引入clipboard.js文件<span class="orderIdTxt" id="orderId" >要复制的内容 类名与复制按钮的data-clipboard-target要相同</span><button data-clipboard-action='copy' data-clipboard-target=".orderIdTxt">复制</button><script>var clipBoard = new Clipboar
返回数据是文档流实现下载功能 const downExModel = async (baseUrl,data) => { let url = baseUrl;//请求路径 let form = document.createElement("form"); form.setAttribute('action', url); form.setAttribute('target', ""); form.setAttribute('method', "post"); form.
JS实现下载功能 exportHtml() { const date = new Date(); // 创建隐藏的可下载链接 var eleLink = document.createElement("a"); eleLink.download = `文件名.文件类型`; eleLink.style.display = "none"; // 字符内容转变成blob地址 var blob = new Blob(["文件内容"]);
东八区指定时间换算时区 let data="2021-10-28 15:30:33" function format(date) { //获取当前时区值,比如北京为东八区则输进8,西5输入-5 var offset = -new Date().getTimezoneOffset()/60; var targetTime = new Date(date); var utc = targetTime.getTime() + (-28800000); //targe.
vue transition-group闭坑 <transition-group name="flip-list" class="details" tag="div" > < li v-for="item in list"> {{item.name}} </li></transition-group>data(){ return { list:[ { id:1, name:"1" },{ .
JS实现拖拽效果dragover与dragenter dragover使用dragover实现的拖拽效果更加直观,拖拽过程就可以显示最终效果<ul> <li class="add-item" v-for="(item,index) in list" :key="index" draggable="true" @dragstart="dragstart(item,index)" @dragover="dragover(item,index)" > {{item
vue 实现滚动加载 data(){ return { page:1, categoryList:[], isLoading:false//防止多次请求 }},mounted(){ this.scroll()}, methods:{ scroll() { window.addEventListener("scroll", ()=>{ // 距离底部200px时加载一次 let bottomOfW
vue实现不同页面间锚点跳转 A页面跳转至B页面A页面<p @click="toAim('auchorId')">内容</p>//auchorId是B页面指定位置的id//先将id存放在本地toAim(id){ localStorage.setItem("anchorId", id); this.$router.push({ name: "Home",//跳转页面的name,如果目标位置内容是组件则name是父组件的name });}B页面create