随笔分类 - vue随笔
摘要：点击复制按钮后，将内容一键复制下来，不用去选中复制 第一种直接使用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
阅读全文
摘要：原因： 因为 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' + ')',}"> /
阅读全文
摘要：分享 6 个 Vue3 开发必备的 VSCode 插件，可以直接用过 VSCode 的插件中心直接安装使用。 1、Volar 相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法
阅读全文
摘要：一、安装 1. Vue2 npm install vue-print-nb --save import Print from 'vue-print-nb' // Global instruction Vue.use(Print); //or // Local instruction import p
阅读全文
摘要：js // pdf 预览 export function pdfYL(foreId) { return request({ url: '/bbs/regtech/law/download?id='+foreId, method: 'get', responseType: "blob", }) } i
阅读全文
摘要：需求 让 antd 的 Message 组件能够手动触发关闭 From to 思路 查看 antdv 文档 发现 Message 组件支持使用 VNode 作为显示内容，因此只需要使用 Vue 的 createElement 方法创建带有关闭样式的 VNode 即可。 实现 // 方法 const
阅读全文
摘要：一.技术 exceljs;luckysheet 参考文档:使用exceljs导出luckysheet表格_csdn_lsy的博客-CSDN博客_luckysheet 导出; https://github.com/exceljs/exceljs/blob/HEAD/README_zh.md; 二.实现
阅读全文
摘要：爷传孙 首先说明：既然你学会了父传子，那么爷传孙自然不是难事，你可以先父传子，再子传孙，一步一步传，这里不再赘述。这里用到的方法是$attrs传参，比起上面的更简洁一些，首先我们还是来一个初始状态，先将父组件的参数在父组件自身展示一下： <template> <div class="father">
阅读全文
摘要：使用antd vue 中的datepick，报错：warning.js?2149:7 Warning: [antdv: DatePicker] value provides invalidate moment time. If you want to set empty value, use nul
阅读全文
摘要：前端读取后端excel文件流在页面显示、导出，主要是样式布局要完全不变，所以不能用a-table/el-table,采用三方luckyexcel 安装依赖 npm install luckyexcel <template> <!-- 工作概要 --> <div> <a-row type="flex"
阅读全文
摘要：1.实现效果图 鼠标移入，暂停滚动； 鼠标移出，继续滚动； 2.原理 要实现无缝衔接，在原有ul后面还要有一个一样内容的ul； 最外层div为可视区域，设overflow：hidden； 2个ul的高度 > 外层可视div高度，才能滚动； 3.实现代码 html： <!-- vue --> <div
阅读全文
摘要：第一种: location. reload() this.$router.go(0) 这两种都可以刷新当前页面的，缺点就是相当于按ctrl+F5 强制刷新那种，整个页面重新加载，会出现一个瞬间的空白页面，体验不好。 第二种:provide / inject 组合 方式是我试过最实用的，下面用项目截图
阅读全文
摘要：在实际操作中，经常会碰到将一个数字转换成千分位格式，如：123456.3 > 123,456.3 为了避免每次都写一遍，我们现在封装一个处理方法，以便在其他vue页面中使用。 转换代码实现 首先创建一个文件 numberToCurrency.js ，实现数字千分位转换功能。 export funct
阅读全文
摘要：流程： 注册账号获取KEY 安装 使用 注册链接：https://lbs.amap.com/ 选择Web端(JS API)，同时需要域名限制请按提示进行输入： 创建完成后即可看到KEY。 安装 高德地图JS API目前有两个版本：v1.4/v2.0，v1.4的地图只能通过<script>引入，而在v
阅读全文
摘要：将购物车信息编译成 JSON字符串，存到本地 要用购物车信息则 读取本地购物车 JSON字符串，再编译成 JSON对象，进行信息处理 例如vue中ocalstorage实现购物车信息持久存储方法： 在vuex的 index.js 文件中，定义 存储 和 读取 购物车信息的方法： // 存储购物车信息
阅读全文
浙公网安备 33010602011771号