![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
记录
Lucky_girl_wan
这个作者很懒,什么都没留下…
展开
-
vue实现无缝滚动 vue-seamless-scroll插件
拷贝列表次数,默认拷贝一次,当父级高度大于列表渲染高度的两倍时可以通过该参数控制拷贝列表次数达到无缝滚动效果。singleHeight and singleWidth 是否开启 rem 度量。控制滚动方向,可选值up,down,left,right。通过v-model控制动画滚动与停止,默认开始滚动。开启滚动的数据量,只有列表长度大于等于该值才会滚动。在开启鼠标悬停的情况下是否开启滚轮滚动,默认不开启。无缝滚动列表数据,组件内部使用列表长度。动画循环次数,默认无限循环。第二步:引用组件全局引用。原创 2024-06-11 10:48:00 · 533 阅读 · 1 评论 -
vue封装全局组件
需求:公司官网中需要点击“在线咨询”的时候弹出在线客服,在线咨询多个页面多个位置都有这个功能,为方便使用封装成全局组件,下方只为记录全局组件方法故组件代码简写。第一步:先写一个简单的组件,在components文件夹下面创建一个online.vue,把所需要的方法直接写在online.vue中。第二步:封装成全局组件 在config>plugins文件下面创建一个online.js。第三步:在main.js中全局引入全局组件online。第四步:直接使用全局组件的方法,避免多次引用组件。原创 2023-02-20 16:10:46 · 1625 阅读 · 0 评论 -
ESlint提示Unnecessary use of boolean literals in conditional expression
使用三元运算符时,判断返回的是true或者false,ESlint提示Unnecessary use of boolean literals in conditional expression。解决方法:使用双重否定,迫使结果变成一个布尔类型。原创 2023-01-13 15:55:56 · 338 阅读 · 0 评论 -
vue中beforeRouteEnter使用this的方法
vue中beforeRouteEnter使用this的方法原创 2022-11-15 11:06:07 · 1990 阅读 · 1 评论 -
vue中sso单点登录实现方式用code换token
vue中sso单点登录实现方式用code换token原创 2022-10-28 14:45:21 · 1158 阅读 · 0 评论 -
vue判断浏览器是刷新还是关闭
判断浏览器是否关闭,关闭时清除localStorage缓存,刷新则不清除原创 2022-10-27 17:36:43 · 4617 阅读 · 1 评论 -
浅谈http与webSocket的区别?
浅谈http与webSocket的区别?原创 2022-10-09 14:54:32 · 921 阅读 · 0 评论 -
前端实现浅拷贝和深拷贝的方法
实现浅拷贝和深拷贝的方法原创 2022-09-21 17:19:25 · 1030 阅读 · 0 评论 -
vue3中引入本地图片
记录下vue3中引入本地图片:使用require引入,require里面为图片路径,一般用相对路径,注意require不能接收变量作为地址export default defineComponent({ name: 'test', setup() { const projectStatistics = ref([ { title: '明日项目', icon: require('@/assets/imgs/line-chart1.png'原创 2022-03-16 10:45:53 · 6457 阅读 · 4 评论 -
vue如何给自带默认回调参数的函数添加自定义参数
记录:vue中单击事件时候保留事件原始参数也自定义参数<a-checkbox class="enableState-style" @change="(e) => statusChangeFun(e, record)">关</a-checkbox>原创 2022-02-09 11:17:21 · 1106 阅读 · 0 评论 -
vue3中仿模态框点击空白处隐藏某个div
1. vue3中建立div结构如下:<div ref="codeDom"> <ul v-show="isShow"> <li>测试</li> </ul></div>2. 在ts中写入处理方法如下:import { defineComponent, ref, onMounted, onUnmounted } from 'vue'export default defineComponent({原创 2022-01-26 15:16:29 · 1339 阅读 · 0 评论 -
记录监听reactive定义的响应式数据的某个属性
记录监听reactive定义的响应式数据的某个属性原创 2021-12-30 18:37:46 · 666 阅读 · 0 评论 -
vue3+ts 中Type XXX is not assignable to type ‘never‘.
记录:在使用vue3+ts开发过程中遇到Type XXX is not assignable to type 'never'的问题原创 2021-12-22 13:55:22 · 5191 阅读 · 0 评论 -
vue3中axios使用put方法,content-type=application/x-www-form-urlencoded
使用方法:1.安装qsnpm install qs2. 设置content-type为application/x-www-form-urlencodedconst instance = axios.create({ url: url, method: method, withCredentials: true, headers: { 'content-type':'application/x-www-form-urlencoded' .原创 2021-12-21 20:29:35 · 1248 阅读 · 0 评论 -
记录:vue3中antd2动态菜单使用iconfont图标
vue3中antd2动态菜单使用iconfont图标原创 2021-12-10 14:42:51 · 1286 阅读 · 0 评论 -
vue3+ts引用第三方模块报错Could not find a declaration file for module ‘***‘.
vue3+ts引用第三方模块报错:以js-md5为例, 报错原因如下:原因是:‘vue-xxx’文件可能不是.ts文件而是.js文件解决方案1:在终端中输入:npm install --save-dev @types/js-md5解决方法2:在目录src中创建shims-vue.d.ts文件...原创 2021-11-18 15:33:37 · 14264 阅读 · 0 评论 -
Inline JavaScript is not enabled. Is it set in your options?
当vue使用antd的时候出现这个错误解决办法:1.在packge.json中先检查项目的less-loader的版本,原因是会有版本不兼容的问题,如果版本是5.0.0,解决办法如下: css: { loaderOptions: { less: { modifyVars: { 'primary-color': '#1DA57A', 'link-color': '#1DA57A', .原创 2021-10-12 10:29:09 · 867 阅读 · 0 评论 -
vue+antd中table动态隐藏显示列数据
应用场景:table中老师、学生、年龄三列,当搜索学生时3列都显示,当搜索老师时学生列不显示,默认搜索值为学生table中columns的数据如下:const columns = [ { title: '老师', dataIndex: 'teacher', ellipsis: true }, { title: '学生', dataIndex: 'student', ellipsis: true }, { title: '年原创 2021-09-27 15:52:37 · 2795 阅读 · 0 评论 -
vue3+antd2中select的模糊查询
vue3+antd2中select的模糊查询,好记性不如烂笔头记录下问题:后台数据:需求:获得选项的文本,给后台传id,支持模糊查询解决办法代码如下: <a-form-item label="一级分类:" name="fieldA" > <a-select v-model:value="formState.fieldA" placeholder="请选择一级分类" show-search label-in-value option-filter-prop...原创 2021-09-09 10:42:10 · 525 阅读 · 0 评论 -
vue3+ant2 组件form中使用InputNumber
初次使用,记录下问题:使用inputNumber时加校验,点击确定时无论inputNumber中是否有数组都一直提示"为输入内容",但是当输入字符时就没有提示,原创 2021-09-08 16:58:23 · 785 阅读 · 0 评论