Vue
文章平均质量分 55
Vue相关知识笔记
Komorebi゛
这个作者很懒,什么都没留下…
展开
-
【uniapp】单选框、复选框点击整行选中效果实现
单选框<view class="list-item" v-for="(item, index) in cardList" :key="index" @click="radioChange(item)"> <image class="list-item-icon" :src="item.bankUrl" mode=""></image> <view class="list-item-name">{{ item.bankName }}</view&原创 2024-05-15 10:59:09 · 165 阅读 · 0 评论 -
解决弹窗滚动穿透问题
弹窗滚动穿透问题解决方法原创 2023-11-24 15:25:48 · 104 阅读 · 0 评论 -
Vue 项目搭建
手动搭建项目,webpack打包配置详解原创 2023-08-19 16:07:04 · 1316 阅读 · 0 评论 -
window.print实现打印预览和打印功能问题记录
前端实现打印预览和打印功能页面不刷新问题解决原创 2022-09-21 15:01:51 · 779 阅读 · 0 评论 -
VSCode中settings.json常用配置
【代码】VSCode中settings.json常用配置。原创 2023-04-17 11:57:03 · 966 阅读 · 0 评论 -
解决路由跳转错误控制台打印报错信息问题记录
Uncaught (in promise) Error: Redirected when going from "/login" to "/home" via a navigation guard.转载 2023-02-02 11:38:42 · 760 阅读 · 0 评论 -
Vue router动态添加路由警告问题记录
[vue-router]:router.addRoutes() is deprecated and has been removed in Vue Router 4. Use router.addRoute() instead.原创 2023-01-30 16:57:11 · 1887 阅读 · 0 评论 -
Vue批量下载图片
【代码】Vue批量下载图片。原创 2023-01-15 11:17:16 · 1575 阅读 · 2 评论 -
Vue3警告问题记录一
A plugin must either be a function or an object with an “install“ function.原创 2023-01-10 13:17:04 · 5188 阅读 · 0 评论 -
axios中get、post请求传参区别及使用
axios原创 2023-01-04 13:55:33 · 6942 阅读 · 0 评论 -
纯前端实现列表查询
根据列表数据生成查询条件,并实现查询功能原创 2022-12-12 14:56:49 · 1635 阅读 · 0 评论 -
Vue项目配置git忽略文件
如果一个文件已经被 Git 跟踪,那么再将这个文件添加到 .gitignore 中并不会忽略文件变更。在开发阶段,有时候需要临时忽略本地仓库中已提交的文件的变更。Git会告诉我们,.gitignore的第3行规则忽略了该文件,于是我们就可以知道应该修订哪个规则。注:以上步骤不会从系统中删除文件,只是告诉Git以后忽略该文件的变更。也可以通过以下方式进行。这主要是为了防止文件被开发者修改。...原创 2022-08-19 09:59:08 · 6661 阅读 · 1 评论 -
Vue项目中使用.env配置多种环境
因此,如果我们运行npm run serve 在就先加载.env文件,之后加载.env.development文件,如果两个文件有相同的变量名,则后加载的文件就会覆盖掉第一个文件,也即是.env.development文件覆盖掉了.env文件的NOOE_ENV选项。属性必须以VUE_APP_开头,后边可以使用任意名字结尾,在代码中使用process.env即可访问到定义的环境变量。全局默认配置文件,不论什么环境都会加载合并。开发环境下的配置文件,使用。生产环境下的配置文件,使用。时默认会加载此配置文件。..原创 2022-08-19 09:23:27 · 1198 阅读 · 0 评论 -
Vue项目.editorconfig文件配置说明
.editorconfig文件配置说明原创 2022-08-18 17:24:41 · 426 阅读 · 0 评论 -
组件上监听原生事件
组件上监听原生事件父组件中<template> <div> <h1>.native修饰符</h1> <div @click="onParentClick">父组件里的div</button> <Child /> </div></template><script> //引入Child组件 import Child from './components/Child原创 2022-02-14 14:32:17 · 105 阅读 · 0 评论 -
缓存组件
一、keep-Alive搭配vue-router实现缓存页面效果1.1 keep-alive<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。<keep-alive> 与 <transition>相似,只是一个抽象组件,它不会在DOM树中渲染(真实或者虚拟都不会),也不在父组件链中存在,比如:你永远在 this.$pa原创 2021-04-19 16:26:35 · 1119 阅读 · 0 评论 -
vue实现两个小时倒计时
vue实现两个小时倒计时<template> <div class="start-test"> <el-card> <!-- 倒计时 --> <div class="count-time"> <span>考试剩余时间:</span> <span><i class="el-原创 2021-04-19 16:24:35 · 1018 阅读 · 0 评论 -
vscode格式化文档与eslint冲突解决方案
vscode格式化文档与eslint冲突在vue项目中新建一个.prettierrc.json的文件配置如下:{ //关闭格式化文档时自动加分号 "semi": false, //使用单引号 "singleQuote": true, //最后一行自动加逗号问题 "trailingComma": "none"}关闭eslint中函数名与括号之间加空格的报错:打开.eslintrc.js文件,在rules里面添加一行代码:‘space-before-function-paren’:原创 2020-12-29 12:52:46 · 850 阅读 · 0 评论 -
Vue基础指令
Vue指令:1.v-text:设置标签的内容默认的写法会替换全部内容,使用差值表达式{{}}可以替换指定内容,内部支持写表达式2.v-html:设置标签的innerHTML内容中有html结构会被解析为标签v-text指令无论内容是什么,只会解析为文本解析文本使用v-text,需要解析html结构使用v-html3.v-on:为元素绑定事件事件名不需要写on指令可以简写为@绑定的方法定义在methods属性中方法内部通过this关键字可以访问定义在data中数据4.v-show:指令原创 2020-11-05 11:01:03 · 1044 阅读 · 1 评论