學無止境

摘要： 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,代码如图 可以实现效果,但是每次推举的过 阅读全文

摘要： apply的一些其他巧妙用法 Math.max.apply( null, [12,23,34,45] ); //细心的人可能已经察觉到,在我调用apply方法的时候,// 第一个参数是对象(this),// 第二个参数是一个数组集合,// 在调用Person的时候,他需要的不是一个数组,// 但是为 阅读全文

摘要： js获取对象数组中的id集合 const ids = Array.from(this.checkList,({ id }) => id); // ["16921C72E0C64002","16898B37FC66E002"] const ids = this.checkList.map(item = 阅读全文

摘要： 分享 6 个 Vue3 开发必备的 VSCode 插件，可以直接用过 VSCode 的插件中心直接安装使用。 1、Volar 相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法 阅读全文