05 2023 档案

Vue computed property values was assigned to but it has no setter
摘要：vue 文件中的核心代码写法 <template> <div> <v-select :items="filters" label="查询条件" solo dense class="select-size" v-model="filterKey" clearable ></v-select> </di 阅读全文
posted @ 2023-05-31 13:05 土小狗 阅读(656) 评论(0) 推荐(0)
vue监听浏览器窗口大小变化,做对应的操作
摘要：页面初始化mounted的时候，通过document.body.clientWidth和document.body.clientHeight获取到浏览器的宽和高，然后通过 window.onresize 来监听浏览器窗口的变化，在这里来改变我们的变量宽和高即可。（created()的时候不行，因为此 阅读全文
posted @ 2023-05-31 13:03 土小狗 阅读(1306) 评论(0) 推荐(0)
关于在 computed 使用 ref 获取 dom 结点为 undefined的问题
摘要：原因： 因为 ref 本身是作为渲染结果被创建的，在初始渲染的时候你不能访问它们，它们还不存在 computed 里面无法获取到 ref 解决方法： 方法一： data: { isMount: false, }, mounted() { this.isMount = true }, computed 阅读全文
posted @ 2023-05-30 18:17 土小狗 阅读(331) 评论(0) 推荐(0)
css实现文本超出固定行数显示...和展开收起
摘要：文本超出固定行数显示...和展开收起 项目中有时需要实现文字超出末尾显示…和展开收起按钮的需求，在我用js限制字符数实现之后，又去找了大佬用css实现的方法，发现这样更满足我的需求且更简单。 思路： float可以实现文字环绕效果判断展开收起的状态，可以使用复选框和伪元素结合实现复选框选中、未选中的 阅读全文
posted @ 2023-05-29 17:57 土小狗 阅读(1815) 评论(0) 推荐(0)
vue导航吸顶
摘要：所说的吸顶效果就是在页面没有滑动之前，当页面向上滑动之后，导航栏始终固定在页面的上方。 具体代码： 写入事件监听，监听滚动条。 mounted () { // 事件监听滚动条 window.addEventListener('scroll', this.watchScroll,true) } 然后在 阅读全文
posted @ 2023-05-29 16:35 土小狗 阅读(278) 评论(0) 推荐(0)
vue实现卡片滚动效果
摘要：vue实现卡片滚动左右切换效果 HTML： //最外层盒子 <div class="box_1"> //内层盒子 <div class="box_2" :style="{ transform: 'translateX' + '(' + currentOffset + 'px' + ')',}"> / 阅读全文
posted @ 2023-05-21 13:56 土小狗 阅读(1159) 评论(1) 推荐(0)
关于小程序点击按钮在两张图切换时闪屏问题
摘要：最近做的项目中,有一个页面是 需要你点击按钮切换不同的图片，但是在做的过程中切换有闪屏的问题。 就是说,未点击时是第一张图片,点击之后先是第二张,然后立马复原成第一张,其实思路很简单,就是通过js显示隐藏图片而已,我一开始用的方法是wx:if和wx:else,代码如图 可以实现效果,但是每次推举的过 阅读全文
posted @ 2023-05-20 17:15 土小狗 阅读(536) 评论(0) 推荐(0)
Math.max.apply()用法
摘要：apply的一些其他巧妙用法 Math.max.apply( null, [12,23,34,45] ); //细心的人可能已经察觉到,在我调用apply方法的时候,// 第一个参数是对象(this),// 第二个参数是一个数组集合,// 在调用Person的时候,他需要的不是一个数组,// 但是为 阅读全文
posted @ 2023-05-10 16:57 土小狗 阅读(512) 评论(0) 推荐(0)
js获取对象数组中的id集合
摘要：js获取对象数组中的id集合 const ids = Array.from(this.checkList,({ id }) => id); // ["16921C72E0C64002","16898B37FC66E002"] const ids = this.checkList.map(item = 阅读全文
posted @ 2023-05-09 10:34 土小狗 阅读(101) 评论(0) 推荐(0)
Vue3 开发必备的 VSCode 插件
摘要：分享 6 个 Vue3 开发必备的 VSCode 插件，可以直接用过 VSCode 的插件中心直接安装使用。 1、Volar 相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法 阅读全文
posted @ 2023-05-05 15:02 土小狗 阅读(8587) 评论(0) 推荐(0)
vue-print 实现打印功能
摘要：一、安装 1. Vue2 npm install vue-print-nb --save import Print from 'vue-print-nb' // Global instruction Vue.use(Print); //or // Local instruction import p 阅读全文
posted @ 2023-05-05 12:51 土小狗 阅读(2251) 评论(0) 推荐(0)
js中循环对象
摘要：ES6之前，循环对象常见做法是使用：for…in。但是for…in循环的问题在于它会遍历原型链中的属性，所以需要使用hasOwnProperty执行检查属性是否属于该对象。ES6之后，我们对于对象的循环有了更好的办法：Object.keys,Object.values,Object.entriesO 阅读全文
posted @ 2023-05-04 16:56 土小狗 阅读(729) 评论(0) 推荐(0)