![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 54
人形bug制造机9527
这个作者很懒,什么都没留下…
展开
-
科乐美秘籍哈哈哈
上上下下左右左右BA。原创 2022-11-26 15:53:27 · 2928 阅读 · 1 评论 -
ElementUI文件上传组件,表单数据和文件一起提交,以及对象转form表单,对象的拷贝
需要将表单的参数和文件一次性提交大概流程就是1,关闭表单的自动提交,2,自定义提交方法,在其中把inputstream中的文件取出来,或者你可以使用其他钩子,单反能有file文件的都行,当然这个是最方便的,至于文件,你可以勇一个变量接文件,也可以事先把放在变量里,在这里取出来直接就放进去了3,将数据对象转为表单数据,可以循环取,也可以一个一个put4,发起axios请求提交表单核心就是阻断组件自己的提交流程,把数据取出加入到自己的中一并提交表单部分自定义的提交函数我们真正执行表单原创 2022-05-31 22:52:41 · 13361 阅读 · 4 评论 -
Vue<Audio>音频播放标签的使用
依赖npm install vue-audio --save其他博主的帖子自己的尝试<audio ref="audio" :src="item.sectionFileUrl" # 这里可以用src直接写死,也可以用:src指向变量或者函数,然后由函数调用api autoplay="autoplay" # 是否自动播放 preload="auto" # 这里是否预加载:如果存在自动播放则必定自动加载;non为不加载, # metadata为加载基本的元数据,推荐原创 2022-05-28 21:47:53 · 3196 阅读 · 1 评论 -
ElementUI抽屉组件,防失忆笔记
官方文档组件效果控制红框区域宽度使用size关键字控制蓝框区域大小以及样式直接修改标签属性/*抽屉外样式*/.drawer{/* 主要内容 */background: rgba(0, 0, 0, 0);/*红,绿,蓝,着色度*//* 控制模糊度 */backdrop-filter: blur(5px);}修改绿框之间的距离,直接在表单上修改 label-with......原创 2022-05-27 20:18:14 · 1600 阅读 · 0 评论 -
ElementUI表单组件,传值,索引传值;组件传值;自动表单校验;多选框组件;选择器组件;;
<el-table :key="tableKey" v-loading="listLoading" #决定列表是否处于加载状态的boolean值 :data="list" #数据绑定参数 border #是否有界限 fit highlight-current-row style="width: 100%;" # 宽度 @sort-change="sortChange" # 排序改变时触发的回调 >在这个标签内的元素就可以使用ro.原创 2022-05-23 14:46:06 · 3432 阅读 · 0 评论 -
ElementuUI this.$notify 封装以后报错 properties of undefined (reading ‘$notify‘),以及封装请求后params传参异常
使用elemnt的弹窗插件时,打算对调用进行一次封装,自动根据响应体改变标题和内容以及类型,可是封装完进行调用的时候,报错show-message.js?fac0:7 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '$notify') at showMessage (show-message.js?fac0:7:1) at eval (user-table.vue?bfe9:3原创 2022-05-23 12:23:00 · 1882 阅读 · 2 评论 -
<el-input/>ElementUI,input组件使用,以及键盘鼠标事件
<el-input v-model="listQuery.orderId" 数据绑定 placeholder="orderId" 当输入框内容为空时的占位符 style="width: 200px;" 输入框宽度 class="filter-item" class名称 @keyup.enter.native="handleFilter" 当按下回车时触发事件调用方法 @keyup.native="handleFilter" 当按钮回弹时触发的方法 /&.原创 2022-05-20 14:27:41 · 3003 阅读 · 0 评论 -
Vue中保存token以及删除设置token
import Cookies from 'js-cookie'const TokenKey = 'vue_admin_template_token'export function getToken() { return Cookies.get(TokenKey)}export function setToken(token) { return Cookies.set(TokenKey, token)}export function removeToken() { return原创 2022-05-13 15:40:16 · 2568 阅读 · 0 评论 -
uniapp笔记--事件的绑定和执行。
事件的绑定绑定方法其他事件补充绑定方法v-on:v-on:click=xxx():当点击时触发事件函数,()内可以传参当点击时触发切换事件,如果是开就关掉转圈样式如果是关就开启转圈样式,如果没有传递参数,默认会有一个e,事件对象如果传递参数了,还想拿到事件对象可以通过v-on:click=xxx(num,$event)传递事件对象$event代表的就是事件对象简写:v-on:click => @click<template> <view class="main"原创 2021-11-11 01:35:12 · 677 阅读 · 0 评论 -
uni-app笔记-【数据绑定和循环遍历】[v-bind.v-for]
数据绑定变量的定义和使用数据的动态绑定 v-bind | :数组的循环遍历v-for准备一个数组循环遍历使用时直接使用{{key}}插值表达式即可变量的定义和使用定义data() { return { user: { "name": "zhangsan", "age": 18 } } }使用<view class="box1"> {{user}} <view>{{user.name}}{{user.age}}</view原创 2021-11-10 21:11:27 · 2033 阅读 · 0 评论 -
Uniapp中的css样式
目录样式-rpx代码-@improt-字体图标使用:scss 的使用使用测试补充样式-rpx代码样式大小将会随动似乎750为一屏1125为竖一屏,不知道这个是个怎么基准。反正变换分辨率的时候回跟着调整,或许是系数吧,对文字同样有效<template> <view> <view> 样式 </view> <view class="box1"> 文字样式 </view> </view>原创 2021-11-10 20:23:37 · 2845 阅读 · 0 评论 -
uniapp-笔记【二】 uniapp组件的使用[text][view][button][image]
组件目录text 文本组件view 容器组件属性:view 组件示例代码button 按钮组件属性示例代码:效果多媒体组件image 图片组件示例代码效果组件相关官方文档text 文本组件<template> <view> <!-- 为了换行-一人一个view --> <view> <text>不可选text</text> </view> <view> <text s原创 2021-11-10 01:59:21 · 865 阅读 · 0 评论 -
Uniapp-笔记-Page.json的配置
这个配置文件主要配置页面的路由以及页面的全局局部效果// 这里是配置页面路由和信息的地方{ "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/login/login", "style": { "navigationBarTitleText": "登录" } }, { "path": "pages/index/index"原创 2021-11-09 01:24:06 · 924 阅读 · 0 评论 -
记录一个前端登录以后,登录当时获取token有值但是之后再次请求时token就获取不到的bug
登录时的代码 login({ commit }, userInfo) { const { username, password } = userInfo return new Promise((resolve, reject) => { login({ username: username.trim(), password: password }).then(response => { console.log(response) co原创 2021-09-29 11:38:04 · 2373 阅读 · 1 评论 -
记录一个elementui图片上传组件
组件的调用 <image-cropper v-show="imagecropperShow" :key="imagecropperKey" :width="100" :height="100" url="http://127.0.0.1:17240/admin/upload/uploadImage" lang-type="en" @close="close" @crop-upload-success="c原创 2021-09-24 12:11:58 · 213 阅读 · 0 评论 -
一个官网首页项目,动态内容设置..改造遇到的一些坑记录
接到的项目呢,是把一个现有的官网。所有图片参数布局改造为可以在admin种动态变更的项目遇到了如下几个坑:input输入组件使用的时候,输入一个字符就失去焦点加载本地图片的时候,明明路径正确却无法加载图片部分数据,在axios数据更改原有默认数据后出现了元素不渲染的情况由于项目在生命周期中进行了布局的初始化,然后我在声明周期中调用的是axios异步请求,导致网速卡的时候网站加载时会先显示默认数据再显示db查到的数据; 问题1解决:当时的input是在v-for中渲染的,而我将:key错误原创 2021-09-19 15:58:39 · 87 阅读 · 0 评论 -
Vue 项目整合axios,外加统一响应拦截,统一请求拦截
我们这里需要用到的依赖有touch../request/http.js// axios依赖npm install axios// qs依赖npm install qs// vant依赖npm install vant// vuex依赖npm install vuex首先根据自身依赖情况完成上面的依赖安装设置请求的基本参数,baseUrl部分可以通过判断node环境变量值动态附加axios.defaults.baseURL = 'https://127.0.0.1';axios.d原创 2021-09-16 19:16:52 · 592 阅读 · 0 评论 -
关于 v-for 标签的笔记
在完成一个公司官网的时候,需要把一个固定内容改为动态,其中对一个双重数组数据的展示的时候出现了一个憨批问题参数结构是这样的. service: { title: "Services", body: "We Love What we do. We don’t do what we’re not good at.", service: [ { serviceImage: "/assets/dev.svg",原创 2021-09-16 11:22:51 · 266 阅读 · 0 评论 -
通过Tomcat部署nodejsvue项目
通常我们部署前端node通过npm install,npm run dev |npm run pro来部署前端,这次部署由于很多奇奇怪怪的bug导致一直run server失败,虽然后来通过各种换源和使用cnpm和yran替代npm解决了,但还是觉得好麻烦;而且感觉这种方式部署开销也大;所以采用了dits的方法部署,首先我们去tomcat官网下载我们需要的tomcat版本然后我们在前端目录下执行npm run build 或者npm run build:pro[主要看你的package.js原创 2021-09-10 12:18:33 · 1504 阅读 · 0 评论 -
如何在java远程执行linux指令
项目完成admin的时候需要实现1.重启数据库2.重启项目3.项目定时任务等等多种linux任务,所以使用了如下方法,以通过admin直接完成操作首先我们需要使用如下依赖<dependency> <groupId>ch.ethz.ganymed</groupId> <artifactId>ganymed-ssh2</artifactId> <version>build210</version>原创 2021-09-08 18:10:31 · 1875 阅读 · 0 评论 -
关于前端表单校验
首先我们配置表单的时候:表单属性:<el-formref="loginForm" :model="loginForm":rules="loginRules"class="login-form"autocomplete="on"label-position="left">:model--表单数据绑定:rules--传入权限策略变量:label-position--表单位置上面就完成了表单的创建以及引入了参数,校验策略;下面则是我们表单中的input主体,在其中我们在他的原创 2021-09-07 12:16:41 · 1124 阅读 · 0 评论 -
前端VUE记错本
开关器不即时更新的BUG情况是这样的:当我点击pin的切换时他并不会即时的转换。需要等我点击其他按钮时他才跳过去错误:当时我写的是这样的当为false时组件就不渲染了,所以切换无法触发;解决:分行写...原创 2021-09-05 02:31:26 · 212 阅读 · 0 评论 -
记录一个穿梭框组件
效果调用组件的代码<DndListAuth :list1="temp.auths" :list2="authPool" list1-title="Current" list2-title="All" />我们在调用的地方提供两个数组分别是list1和list2,1左2右;提供不同的标题;其他的参数根据prop自行提供,比如标题和单项标题,我这里的调用没有使用标题组件代码这里需要注意,element代表的就是你传进去的数组被遍历出来的每一个,所以{{ element.authN原创 2021-09-04 17:29:33 · 135 阅读 · 0 评论 -
关于前端输入规则简单表单校验
代码表单<el-form ref="dataForm" :rules="rules" :model="temp" label-position="left" label-width="120px" style="width: 400px; margin-left:50px;"> <el-form-item label="type" prop="type"> <el-input v-model="temp.strId" />原创 2021-09-04 15:48:15 · 183 阅读 · 0 评论 -
记录一个el组件,传入文本。只展示一部分,可以传入数组,并且可以取出部分值展示
<template> <el-popover placement="bottom" width="300" trigger="hover" :content="textInfo" ><!--弹窗内容--><!--这里的info我们不直接使用传值过来的text,我们自己定义一个参数,然后通过init初始化的时候匹配类型计算应该给他的值--> <el-button slot="reference">{{原创 2021-09-02 12:51:09 · 146 阅读 · 0 评论 -
给抽屉加上滚动条功能
由于项目的修改信息回显有惊人的选项。。不出意外的超长了。。。然后我发现抽屉组件居然没有自带滚动功能的。超了就没有了。。。然后从网上找来了这段<style lang="scss">/*1.显示滚动条:当内容超出容器的时候,可以滚动。:*/.el-drawer__body { overflow: auto; /* overflow-x: auto; */}/*2.隐藏滚动条这里可以让右边的滚动条不显示*/.el-drawer__container ::-webkit-scro原创 2021-07-23 21:06:57 · 606 阅读 · 0 评论 -
Vue在父组件调用子组件的方法
当我们部署子组件的时候 在标签种添加一个 ref属性。给子属性一个名称,稍后我们就能使用this.$refs.名称.方法名;对子组件的方法进行调用了。。子组件不用配置什么。老老实实是呆着就好子组件的方法showAllInfo(userId) { getAllInfoApi(userId).then(res => { this.userAllInfo = res.data console.log(this.userAllInfo) t原创 2021-07-23 18:15:03 · 287 阅读 · 0 评论 -
关于组件有概率消失,参数传递出错的问题
我封装了一个组件,在另一个页面调用。子组件的数值绑定数据区的一个参数,,,现象是。当刷新页面的时候组件会出不来,但是当我触发从新刷新的功能。也就是页面不刷新。发ajax从新拉取数据的时候是可以显示的;组件也还在。。但是只要一刷新页面。组件就不见了。。。这时候只要写一个固定的数字。。组件就会出来。然后。这时候再该回去。一切功能是正常的;;问题出现在:,,,当还没有查询并赋值的时候。。。组件就创建了。所以查询到这个值是null组件创建失败。组件无法渲染。。。而当你给了一个值以后数据区就有数据了。这时候原创 2021-07-23 15:58:15 · 129 阅读 · 0 评论 -
关于多级路由的配置
有时候我们配置路由js文件的时候,需要多级树形结构的配置;这时候我们可以在view中创建对应的文件夹,同时准备一个index作为主节点的目的文件,使用<router-view />引入他的子级文件;我们的主节点就指向index.vueindex内容为欸<template> <div> <router-view /> </div></template>其中<router-view />就带表原创 2021-07-21 23:34:04 · 624 阅读 · 3 评论 -
父子组件之间的调用以及数值传递
开发过程中由于结构太过于复杂,所以打算封装成一个个组件进行调用,这里就需要父组件在调用子组件时需要传递数值,我这里使用了普通的数值传递,各位也可以使用slot-scope进行传值,稍后另外开一篇写;首先需要封装一个组件:子组件:<template> <el-popover placement="bottom" width="200" trigger="click" :content="text" > <el-button原创 2021-07-21 16:12:48 · 328 阅读 · 0 评论 -
前端中Filter方法的使用
在我们传输参数的时候,需要对参数临时做处理,可以封装一个个小Filter进行处理timeFilter(mill) { return new Date(mill).toDateString().format('yyyy-MM-dd HH-mm-ss') }, textFilter(text) { console.log('文档过滤器进入') if (text.size() <= 20) return text return text.su原创 2021-07-21 12:02:09 · 1264 阅读 · 0 评论