
vue
沐歌丨丶
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
解决 element el-date-picker type=“daterange“ 会导致样式错乱的问题
摘要 针对Element Plus日期选择器弹出框超出宽度出现滚动条的问题,解决方案是使用popper-options属性调整弹出位置。通过设置placement为'left',并配置offset修饰器(如[10, 150])来控制偏移量。该方法参考了Element Plus官方文档的API说明,可灵活调整不同位置的偏移量值。原创 2025-06-13 13:40:27 · 251 阅读 · 0 评论 -
js/vue3 取消已发送网络请求的方式
前置代码,先起一个简单的node本地服务,代码如下:一、xmlhttprequest官方解释:XMLHttpRequest.abort()如果请求已经发送, 该方法将中止请求。当一个请求被中止时,它 readyState被更改为 XMLHttpRequest.UNSENT(0) 并且请求的 status代码被设置为 0。AbortController 接口表示一个控制器对象,允许你根据需要中止一个或多个 Web 请求。你可以使用 AbortController.AbortController() 构造原创 2022-06-23 10:23:39 · 1451 阅读 · 0 评论 -
使用coding自动化集成部署vue/react
上一篇有记录到使用jenkins实现自动化部署web项目,这篇讲一下如何使用codin部署1.创建项目首先注册一个coding账号并创建一个项目2.录入凭证通过上图点击左下角的项目设置进入页面,点击左下角开发者选择》凭证管理》录入凭证凭证名称:随便填个root:填写服务器的root密码:填写服务器的密码3.制作仓库这一步的目的是打包后的压缩包自动上传到该目录地址:web 可以写别的,只是个名称,用来指定仓库4.构建计划点击确定后就可以进行相应配置了,也可以从外边进入设置,原创 2022-05-04 21:17:38 · 2716 阅读 · 0 评论 -
vue3 路由报错 Uncaught Error: Catch all routes (“*“) must now be defined using a param with a custom reg
错误:const notFound = () => import('@views/404/404.vue') { path: '*', name: '404', component: notFound }根据报错信息可得 必须使用正则表达式解决方案:const notFound = () => import('@views/404/404.vue') { // 匹配所有路径 vue2使用* vue3使用/:pathMatch(.*)*或原创 2021-08-09 14:26:33 · 2754 阅读 · 2 评论 -
vue3.0使用vant 覆盖原本类名样式方法 踩坑
问题:想修改 组件 ,发现只能通过style 修改,想通过类名覆盖却发现不生效未解决:用了样式穿透 /deep/:deep()之类的都不行解决方式:后来发现是scoped的问题,把scoped去掉或者再加一个 style标签代码如下代码如下:<style lang="less" scoped> 导航的样式 .nav { height: 35px; background-color: black; box-sizing: border-box;原创 2021-08-04 17:06:59 · 1218 阅读 · 1 评论 -
vue3.0 vite引入SVG iconfont
1.安装cnpm i vite-plugin-svg-icons -D2.配置 vite.config.tsimport viteSvgIcons from 'vite-plugin-svg-icons';import path from 'path';export default () => { return { plugins: [ viteSvgIcons({ // 指定需要缓存的图标文件夹 iconDirs: [path.r原创 2021-08-03 14:47:32 · 4033 阅读 · 1 评论 -
vscode保存自动将CRLF 转换成 LF
1、下载vscode插件:EditorConfig for VS Code2、在项目目录下新建文件:.editorconfig3、在项目根目录新建 .editorconfigroot = true[*]charset = utf-8indent_style = spaceindent_size = 2end_of_line = lfinsert_final_newline = truetrim_trailing_whitespace = true...原创 2021-08-02 15:50:01 · 2136 阅读 · 2 评论 -
vue3.0 vite+typescript+vant ui+eslint+stylelint 项目搭建博客系统 NProgress
1.使用vite创建项目yarn create vite2.修改配置文件=====>package.json//可以直接替换成我的{ "name": "blog_h5_vue3.0_vite", "version": "0.0.0", "scripts": { "dev": "vite", "build": "vue-tsc --noEmit && vite build", "serve": "vite preview" },原创 2021-08-02 15:23:54 · 1178 阅读 · 0 评论 -
uni-app video监听播放时长,可打卡、付费等功能、拖拽时间无效
//template<video class="vide" :src="urls" controls="controls" autoplay=true @timeupdate='timeupdate'></video>//data currentTime: '', //记录当前时间 dragTime: '', //拖拽进度原创 2020-10-21 11:48:33 · 3085 阅读 · 0 评论 -
vue (uni-app)踩坑,数据改变,视图不变
前景:由于要做一个展开效果,我打算在后端返回的数据中加一个字段用来判断每一项是否展开,如图所示:很明显,数据改变了,但视图并没有改变,这是由于数据是后追加的,并没有被vue追踪。所以需要使用 this.$set()根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。用法如下:Vue.set( target, propertyName/index, value )参数:{Object | Array} target{string | number} prop原创 2020-07-28 13:52:19 · 3439 阅读 · 1 评论