随笔分类 -  vue

一个很基础的虚拟滚动
摘要：由于项目中要写一个虚拟滚动，但不能下插件，所以就手写实现了一版，很基础。 主要难点是要动态计算第几屏 主要思想是算出真实高度是滚动高度的几倍，然后*100，在用视口已滚动的最大页数*这个倍数在除以这个倍数 不理解这个逻辑 如果不考虑精度 也可以通过滚动的真实距离除以视口大小，来计算第几屏 <temp 阅读全文
posted @ 2023-11-16 15:46 朱依漾 阅读(52) 评论(0) 推荐(0)
一个基础的vue图片放大镜自定义指令
摘要：<template> <div> <div v-magnify ref="content" class="content"> <img src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" alt= 阅读全文
posted @ 2023-05-22 18:56 朱依漾 阅读(60) 评论(0) 推荐(0)
vue3项目中报错整理
摘要：报错：Uncaught (in promise) TypeError: root2.forEach is not a function 错误原因：传入的数据不符合格式 遇见场合：el-tabel中传入了一个对象给data 阅读全文
posted @ 2022-04-09 16:01 朱依漾 阅读(550) 评论(0) 推荐(0)
elementui日期格式化的方法
摘要：原文链接：https://blog.csdn.net/weixin_43503080/article/details/106136068 1.安装monet.js库 npm install moment --save 2.全局引入 import moment from 'moment'; 3.met 阅读全文
posted @ 2022-03-17 17:26 朱依漾 阅读(1435) 评论(0) 推荐(0)
处理vue中点击监听不到的情况
摘要：可以使用事件代理的方法 父元素中写事件 @click='clickEven' 子元素传入需要监听的参数 :data-index="index" 使用 clickEven(e){ console.log( e.target.getAttribute('data-index')) } uni-app中貌 阅读全文
posted @ 2022-03-03 10:31 朱依漾 阅读(477) 评论(0) 推荐(0)
Vue中使用插件
摘要：建一个插件文件 let MyPlugin = {} Myplugin.install = function(Vue,options){} export default MyPlugin main.js中导入这个插件 import Myplugin from './lib/MyPlugin' Vue. 阅读全文
posted @ 2021-12-07 09:43 朱依漾 阅读(86) 评论(0) 推荐(0)
仿照elementui自写表单验证
摘要：input组件中绑定input事件，将input事件和输入的值传给父组件 父组件通过v-model接收 button组件中当点击button后，阻止默认事件，并且发送给父组件点击事件和参数 this.$emit('click', e) e.preventDefault() 主页面中，将input传过 阅读全文
posted @ 2021-12-01 16:59 朱依漾 阅读(87) 评论(0) 推荐(0)