随笔分类 -  Vue

打印功能实现--web端+移动端
摘要：web端 调用本机的打印机即可 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Print Custom Content and Style</title> <style> @media print { /* 阅读全文
posted @ 2024-07-03 11:59 会转圈圈的哆瑞米 阅读(185) 评论(0) 推荐(0)
svg标签内容导出为svg文件问题
摘要：原本的代码： // 大概代码层级 // html代码 <div ref="svgContainer"><div> // js 代码 // 1、div中添加svg const svg = d3.select(svgContainer.value) .append("svg) .attr("id", s 阅读全文
posted @ 2024-06-21 09:32 会转圈圈的哆瑞米 阅读(204) 评论(0) 推荐(0)
vue3 ref 获取单个Dom及多个Dom
摘要：获取单个Dom <input type="text" ref="inputRef" /> setup() { const inputRef = ref(null) onMounted(()=>{ console.log(inputRef.value); }) } 获取多个Dom <div v-for 阅读全文
posted @ 2024-02-23 11:31 会转圈圈的哆瑞米 阅读(568) 评论(0) 推荐(0)
解决Vue处理超过16位数字精度丢失问题
摘要：当我们使用MyBatis-Plus 使用 ID_WORKER 或者 ASSIGN_ID(雪花算法) 生成的id作为主键时，因为其长度,为19位，而前端一般能处理16位，如果不处理的话在前端会造成精度丢失，最后两位会变成00，如下图，感觉像是四舍五入后的效果。 处理这种问题有两种方案，要么后端出处理， 阅读全文
posted @ 2023-12-06 13:41 会转圈圈的哆瑞米 阅读(1085) 评论(0) 推荐(0)
el-upload---上传/下载图片
摘要：上传照片 <el-upload ref="upload" :file-list="fileList" action="#" :auto-upload="false" :on-change="handleChange" :on-remove="handleRemove" :limit="2" list 阅读全文
posted @ 2023-03-27 14:46 会转圈圈的哆瑞米 阅读(352) 评论(0) 推荐(0)
vue组件化开发---插槽的使用
摘要：插槽基本介绍 在开发中，我们会经常封装一个个可复用的组件： 前面我们会通过props传递给组件一些数据，让组件来进行展示； 但是为了让这个组件具备更强的通用性，我们不能将组件中的内容限制为固定的div、span等等这些元素； 比如某种情况下我们使用组件，希望组件显示的是一个按钮，某种情况下我们使用组 阅读全文
posted @ 2023-03-27 14:14 会转圈圈的哆瑞米 阅读(165) 评论(0) 推荐(0)
vue动态绑定内联样式（v-bind:style）
摘要：一、对象语法 <div :style="{ color: activeColor, fontSize: fontSize + 'px' }"></div> data() { return { activeColor: 'red', fontSize: 30 } } <div :style="styl 阅读全文
posted @ 2023-03-27 09:25 会转圈圈的哆瑞米 阅读(323) 评论(0) 推荐(0)
Vue中获取method方法return返回值--常用于请求成功后回调
摘要：mounted: () { this.getList('', (data) => { console.log(data); }) } methods: { getList (condition) { get_list({...condition}).then(res => { if (res.dat 阅读全文
posted @ 2023-03-27 09:12 会转圈圈的哆瑞米 阅读(1387) 评论(0) 推荐(0)
vue__文字超出长度之后跑马灯
摘要：1、新建一个名为marquee.vue的文件，代码如下 <template> <div class="scrollText" ref="outer"> <div class="st-inner" :class="{'st-scrolling': needToScroll}"> <span class 阅读全文
posted @ 2022-07-29 17:36 会转圈圈的哆瑞米 阅读(891) 评论(0) 推荐(0)
footer怎么固定在页面底部？
摘要：主题：vue项目中，公用footer组件底部位置的适配问题 需求：footer为公用组件，其他页面都需要引入，这是会存在一种情况：有的页面高度很高，footer组件要放在内容的最后；有的页面内容很少，高度很低，footer需要放在浏览器可视窗口的最底部；窗口高度的变化时，footer的位置需要重新调 阅读全文
posted @ 2021-07-16 14:43 会转圈圈的哆瑞米 阅读(700) 评论(0) 推荐(0)
图片加载失败时，加载默认图片（未亲测）
摘要：<img :src="src" alt @error="handleError" /> methods: { handleError(e) { e.target.src = require("@/assets/img/default.png"); } } 阅读全文
posted @ 2021-05-17 18:47 会转圈圈的哆瑞米 阅读(78) 评论(0) 推荐(0)