摘要:
VUE 滚动到底部加载更多(附带指令实现方式) 直接上代码: mounted() { window.addEventListener('scroll', this.handleScroll, true); }, destroyed() { window.removeEventListener('sc 阅读全文
摘要:
点击复制按钮后,将内容一键复制下来,不用去选中复制 第一种直接使用js方式: <div class="mask-cont"> <p><input id="input" /></p> <button class="btns" @click="copyToClip">复制</button> </div> 阅读全文
摘要:
项目场景: 知识产权模块展示表格数据 问题描述 控制台给出警告 原因分析: 未按照组件要求添加key 属性作为唯一的标识。 解决方案: 方法1::rowKey=“record=>record.number” <!-- number为表格数据data中的一个属性 --> <a-table ref="t 阅读全文
摘要:
vue 文件中的核心代码写法 <template> <div> <v-select :items="filters" label="查询条件" solo dense class="select-size" v-model="filterKey" clearable ></v-select> </di 阅读全文
摘要:
页面初始化mounted的时候,通过document.body.clientWidth和document.body.clientHeight获取到浏览器的宽和高,然后通过 window.onresize 来监听浏览器窗口的变化,在这里来改变我们的变量宽和高即可。(created()的时候不行,因为此 阅读全文
摘要:
原因: 因为 ref 本身是作为渲染结果被创建的,在初始渲染的时候你不能访问它们,它们还不存在 computed 里面无法获取到 ref 解决方法: 方法一: data: { isMount: false, }, mounted() { this.isMount = true }, computed 阅读全文
摘要:
文本超出固定行数显示...和展开收起 项目中有时需要实现文字超出末尾显示…和展开收起按钮的需求,在我用js限制字符数实现之后,又去找了大佬用css实现的方法,发现这样更满足我的需求且更简单。 思路: float可以实现文字环绕效果判断展开收起的状态,可以使用复选框和伪元素结合实现复选框选中、未选中的 阅读全文
摘要:
所说的吸顶效果就是在页面没有滑动之前,当页面向上滑动之后,导航栏始终固定在页面的上方。 具体代码: 写入事件监听,监听滚动条。 mounted () { // 事件监听滚动条 window.addEventListener('scroll', this.watchScroll,true) } 然后在 阅读全文
摘要:
vue实现卡片滚动左右切换效果 HTML: //最外层盒子 <div class="box_1"> //内层盒子 <div class="box_2" :style="{ transform: 'translateX' + '(' + currentOffset + 'px' + ')',}"> / 阅读全文
摘要:
最近做的项目中,有一个页面是 需要你点击按钮切换不同的图片,但是在做的过程中切换有闪屏的问题。 就是说,未点击时是第一张图片,点击之后先是第二张,然后立马复原成第一张,其实思路很简单,就是通过js显示隐藏图片而已,我一开始用的方法是wx:if和wx:else,代码如图 可以实现效果,但是每次推举的过 阅读全文