vue
kkkkkkkkira
前端开发学习中
展开
-
【vue3 + element plus 】拖动排序实现(只能拖拽一次的问题、拖动后的位置不准确问题)
因为重新渲染后,附加的拖拽事件丢失,所以需要置空来解决table只能拖拽一次的问题。缺失会导致拖动后的位置不准确。原创 2024-06-18 16:51:50 · 480 阅读 · 0 评论 -
vue项目前端开发环境请求跨域,配置proxy代理服务
vue项目前端开发环境请求跨域,配置proxy代理服务原创 2022-08-24 15:22:46 · 2231 阅读 · 1 评论 -
富文本转化为普通文本
把富文本格式的activityDetail.hdnr转为普通文本原创 2022-07-25 10:57:02 · 1001 阅读 · 0 评论 -
vue项目实现本地PDF翻页预览功能(使用vue-pdf)
vue项目实现本地PDF翻页预览功能(使用vue-pdf)原创 2022-07-21 13:08:58 · 4497 阅读 · 0 评论 -
web端背景自适应
<div class="wapper"> <div class="header" /> <div class="contain" /></div>.wapper { height: 100vh; width: 100vw; background: url('../../../assets/images/bg-1X.png') no-repeat; background-size: cover;}.header { heig原创 2022-05-06 11:23:56 · 246 阅读 · 0 评论 -
css ::before伪元素和三目运算实现单选色块
老样子,先放效果图击切换单选框html部分 <p> <span :class="!isSelected ? 'background-blue' : 'background-white'" @click="changeSelected(1)">夜间</span> <span :class="isSelected ? 'background-blue' : 'background-white'原创 2022-04-28 16:41:06 · 611 阅读 · 0 评论 -
前端进入页面时滚动到指定位置Cannot read property ‘scrollIntoView‘ of null问题
需求:从A页面进入B页面,窗口停在B页指定面id位置原创 2022-04-25 16:13:38 · 2806 阅读 · 1 评论 -
VUE上传gitignore文件设置
.DS_Storenode_modules/dist/local env files.env.local.env.*.localLog filesnpm-debug.log*yarn-debug.log*yarn-error.log*yarn.lockpackage-lock.jsonEditor directories and files.idea.vscode*.suo.ntvs*.njsproj*.sln.sw原创 2022-04-25 09:35:59 · 1526 阅读 · 0 评论 -
钉钉移动端和PC端免登实现
放个官方网址然后进入正题。以移动端为例。1.在需要免登页面先引入import dd from 'gdt-jsapi'import { mapMutations } from 'vuex'import { setToken } from '@/utils/auth'这其中涉及到的auth.js代码import Cookies from 'js-cookie'const TokenKey = 'Admin-Token'const roleName = 'Admin-Role'expo原创 2022-03-15 16:58:11 · 1269 阅读 · 2 评论 -
el-select获取userid和uesrname分别赋值
getIdAndName (val) { // 根据val,即原来数组的userid找出选中的obj const obj = this.authors.find((item) => { return item.userid === val }) this.form.author = obj.username},<el-select v-model='form.userid' value-key="userid" @change="getIdAndName原创 2022-03-09 14:51:32 · 357 阅读 · 0 评论 -
[Vue]使用keep-alive第一次失效,第二次进入才正常
从’home‘返回到’summary‘的时候保持页面不刷新最开始使用路由护卫(BeforeRouteLeave和beforeLeave)以及在页面路由中设置meta下keepAlive参数来控制keep-alive组件的显示。但是在第一次进入的时候页面仍然刷新,第二次今进入才会生效,找了半天为什么这样,索性把这些都拆了,直接使用监听,在根页面按照路由跳转的to和from来判断是否需要keep-alive生效。直接在app.vue路由监听就行代码提交后想到,为了节省资源其实可以再keep-alive原创 2022-01-04 13:40:00 · 3228 阅读 · 0 评论 -
js中with作用
作用:将代码的作用域设置到一个特定的对象中。with语句的语法with (expression) {statement;}示例var foo = 1;var bar = {foo : 2}with (bar) {alert(foo);foo = 3;alert(foo);var foo = 4;alert(foo)}alert(bar.foo);alert(foo);if(true){foo = 5;}alert(foo);这几个alert分别打印的原创 2021-04-15 10:24:55 · 149 阅读 · 0 评论 -
关于路由跳转
关于路由跳转改项目功能的时候遇到的,记录一下1、APP.vue保持整洁写在app.vue下的其他内容移到新vue文件下index.js中导入router需要的导入路由跳转的路径默认路径为"/",需要跳转的页面为后两个直接输入1次#,并按下space后,将生成1级标题。输入2次#,并按下space后,将生成2级标题。以此类推,我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。如何改变文本的样式强调文本 强调文本加粗文本 加粗文本标记文本删除文本引用文本原创 2021-04-01 14:02:29 · 95 阅读 · 0 评论 -
获取后端参数,获取前端选中的值传回后端
获取后端参数,获取前端选中的值传回后端先写js封装请求体vue中导入js写方法,传递的data中更需要包含的参数据原创 2021-04-09 09:53:48 · 255 阅读 · 0 评论 -
上方div不遮住下方div的鼠标事件
上方div不遮住下方div的鼠标事件在遮罩层添加 pointer-events: none ;原创 2021-07-06 10:18:33 · 929 阅读 · 0 评论 -
路由跳转格式相关的问题 01
路由跳转相关的问题 01通常是路径中@没写原创 2021-04-07 10:37:53 · 150 阅读 · 0 评论 -
element-ui表格背景透明
element-ui表格背景透明主要需要这两处设置.el-table th{}.el-table tr, .el-table td{}.el-table th{ /* color: #ffffff; 字体颜色 */ /* font-size: 16px; */ background-color: transparent !important;/* 背景透明 */ border: 0; /* height: 30px; line-height: 30p原创 2021-04-15 16:51:26 · 594 阅读 · 0 评论 -
使用v-for完成图标单选三选一
使用v-for完成图标单选三选一中心思想:true时显示被选中状态的图,false显示未被选中的图,且只能存在一个true,可以有多个false//定义初始状态export default { name: "App", data() { return { cumDuration: true, useTime: false, defectsNum: false, };//img在未被选中时才需要actived,所以方法要写在变量==fals原创 2021-04-22 16:38:22 · 145 阅读 · 0 评论 -
icon样式设置
icon样式设置 <router-link :to="'/#/'" style="text-decoration: none"> <i class="iconfont"></i>```<el-button size="mini"> <router-link :to="'/analysis/' + scope.row['taskId']">原创 2021-04-26 15:05:52 · 557 阅读 · 0 评论 -
上下分页功能实现
上下分页功能实现.vue部分代码按钮事件和是否可以响应data定义data中为需要传递的值pages为末页页数点击事件方法监听事件判断上一页响应事件中是否小于1,下一页事件中是否超过最后一页...原创 2021-04-09 16:02:06 · 77 阅读 · 0 评论 -
VUE项目实现动态修改请求的服务器地址
VUE项目实现动态修改请求的服务器地址同一个项目需要部署在不同服务器上,每次部署需要更改IP后打包,非常麻烦,就想写一个打包后还可以修改ip的方法。在index.html中用window自带的方法写被请求的IP地址window.IPConfig = { //此处的IP在打包不会被编译,可修改 baseURL: "192.168.1.94:8080" }在项目中需要引用的js文件中可直接使用。request.js中请求地址使用形式为:‘baseURL’: 'window.IPConfig.原创 2021-07-02 14:58:43 · 4213 阅读 · 4 评论