qq_42809973的博客

转载 opacity的兼容

CSS opacity的兼容写法opacity{　　　opacity:0.5;　　　filter:alpha(opacity=50);  //filter 过滤器   兼容IE678}

原创 在网页上写app，在手机上查看

前提是：手机和电脑都要在同一个wifi下 在config中的index.js在host中的localhost改成这台电脑的ip地址。你这个电脑的ip地址可以在cmd中查看。window+r中输入ipconfig可查看电脑的ip地址然后在手机的li浏览器中输入你的ip地址:8080就可以了。嘿嘿 ...

转载 用css改变默认的滚动条的样式

/*滚动条样式*/.el-main::-webkit-scrollbar, .el-aside::-webkit-scrollbar { width: 5px; }.el-main::-webkit-scrollbar-thumb, .el-aside::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-...

转载 git项目

https://www.cnblogs.com/my-freedom/p/5701427.html先看着这个吧，等到以后自己清楚了在具体写写。不过这个也很详细了

转载 解决el-input不能回车

https://www.cnblogs.com/caimuqing/p/7068797.html

原创 element中的rules验证规则

:rules="[ {required: true, message: '必填项', trigger: 'change'}, {type: 'number', message: '必须为数字值', trigger: 'blur'}, {pattern: /^1[34578]\d{9}$/, message: '请输入正确的手机号', trigger: 'blur'}]" ...

原创 element上面的手动上传的时候同时提交表单中的其他信息，两个接口

在上传文件成功的时候调用提交表单的验证。下面这个可以在提交成功后清除表单中的信息和上传的文件后来发现。如果用户没有上传附件的话怎么办。（先定义一个数组）然后在:on-change='handleChange'handlChange(file, fileList){ if(fileList.length == 1) { this.list = f...

转载 汉字和unicode互转、methods中的方法互调

之前看了一篇文章，写的就是这个互转的问题。只不过忘了原文是哪个了。这里记一下、 // 汉字转乱码 toUnicodeFun (data) { if(data == '' || typeof data == 'undefined') return '请输入汉字'; var str =''; for(var i=0;i<data.leng...

原创 vue+element的上传功能中的下载

先附上原文博主：https://blog.csdn.net/hani_wen/article/details/81952001 on-preview可以在点击这个文件的时候干些什么事:window.location.href = file.url（这个就可以了）...

原创 vue中用rem

因为我用的是vscode，所以下载一个插件，感觉很方便。名字是：cssrem（有演示的）然后在引入一个js文件，可以自己创建一个js文件var reSize = function(){  var deviceWidth = document.documentElement.clientWidth > 750 ? 750 : document.documentElement.cli...

原创 vue+element管理后台的面包屑

index.js里面这样写  显示的组件中写<!-- 面包屑 --> <div class="breadTop"> <i class="el-icon-location-outline"></i> <el-breadcrumb separator-class="el

转载 vue+element动态增减表单

开局几张图。，，下面不是编啊，嘿嘿。我一个一个解释1-下面这张图片是template的内容。先新建一个div用来放表单元素 ，div中放了一个名称一个上传视频，里面有一个标签。一个input框，一个上传视频也就是在ruleForm2中新定义了一个数组，吧所有获取到的信息都放到这个数组的对象中。还有一个。这个on-success和on-progress好像在ie下不兼容，不过在网上也...

转载 vue+element打包后在ie下显示空白

因为IE浏览器版本的问题，IE浏览器不支持ES6，所以就出现了promise未定义的问题需要下载babel-polyfill  在main.js中引用 babel-polyfill1 npm install --save babel-polyfill2 import  'babel-polyfill'原博主：https://blog.csdn.net/qq_40261715...

转载 vue+element上传视频加其他的参数

<el-form-item label="添加视频" class="video-upload"> <el-upload class="avatar-uploader" action="接口地址" ...

转载 vue打包之后的问题

vue打包后本地图片路径失效的问题

转载 webpack打包

如何打包打包过程中会遇到的问题 如果碰到打包不成功的，例如：chun.***  is  not a  undefined(反正就是类似这个的)是因为vue版本太低。升级到3.6.0就可以了。npm install --save webpack@3.6.0...

转载 vue写后台管理的时候登陆验证

router.beforeEach((to, from, next) => { if(to.path === '/'){ next() } else{ if(to.meta.requiresAuth && !sessionStorage.getItem('iphone')){ next({ path: '/' ...

原创 表格去除空隙

border-collapse:collapse; 

转载 判断对象是否为空

var obj = {};var b = function() {for(var key in obj) {return false;}return true;}alert(b());//true这只是其中的一种方法。多种方法请看链接https://www.cnblogs.com/jpfss/p/9105119.html...

原创 给对象添加一个新对象

this.input = {[this.msg[i].id] : data.data[i].fraction}也就是var arr = {}arr = {[key] : val}下面是循环添加。上面这个后来发现只能添加最后一个。

原创 router-view刷新父路由

watch: { '$route' (to, from) { this.$router.go(0); }},https://blog.csdn.net/wulala_orz/article/details/78928524#commentBox原文（不过这个是页面刷新，所有的都刷新了）https://blog.csdn.net/qq_16772725/a...

原创 数组方式传给后台，有数组有字段，以字符串方式传

原创 把对象push进数组

原创 vue+elemen中如果checkbox和input值绑定怎么绑定

最后打印出来的就是这个对象了

原创 element上传图片的时候额外参数

<el-upload class="avatar-uploader" action="123" :http-request="upLoad"（自定义上传） :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload&quot

原创 关于element的表格中的图片和switch开关的链接后台的问题

前面要加冒号 这个是图片

原创 wangeditor编辑器的上传图片的用法。

change(val){ this.editor.info1 = val this.editor.info2 = $('.editor img')[0].src },按上一篇文章写的，怎么使用编辑器之后，在需要使用编辑器的组件里面获取图片的src还有所有的文字（加标签的）怎么再vue中使用wangeditor编辑器...

原创 在网页上使用图文混排的编辑器

用vue安装wangeditorwangeditor官方文档这个好像更好，vue安装wangeditor（这个备用吧。我用的是第一个链接的那种）上面这个是editorbar组件中的。。我想记一下这部分的，理解过了。然后就是哪里需要用这个编辑器就引入哪里 后来写的时候发现一个问题。如果在页面加载出来的时候使用wangeditor获取到数据库穿过来的内容的时候不能实时的获取...

原创 打开f12之后localhost:8080才能打开

如果localhost：8080只能打开f12之后才能运行可能是jquery的版本问题。只需要下载jquery的低版本npm install --save jquery@2.1.1

原创 element怎么上传文件

element上传文件但是这个方法在控制台还是会报错404不知道怎么解决，唉。。。。

原创 vue+element分页和后台链接

// 分页------------------------ handleCurrentChange(val) { //表格中的数据 this.axios .get(`/schools/mapping/list`,{ params: { pageNum: val, } }) ...

原创 获取file里面的文件

imgfile (file) { $('.img-upload').change(function(){ console.log($('.img-upload')[0].files) })},<input type="file" class="img-upload"> <el-button class="my-img" @click="img...

原创 type=file改变morenyangshi

<input type="file" class="img-upload"> <el-button class="my-img"> <img src="../../../assets/fujian.png" alt=""> </el-button>import $

原创 axios.get方式传参

原创 select和table联动

因为搞了好几天也没在网上找到答案。所以用了自己想的办法，后来感觉还是很笨的办法，不过总算解决了screen(value4,value5,value6,currentPage) { this.axios .get(`/teacher/mapping/list`, { schoolId: this.value4 , gradeId: thi...

转载 scope.$index

这里拿到每一行的index----------scope.$index这里拿到每一行的数据-----------scope.$row

原创 vue+element表格删除当前行的数据

原创 mavonEditor中的工具栏的设置

原理是要先在里面设置:toolbars="toolbars" ，然后在return中写<mavon-editor ref=md @imgAdd="$imgAdd" @imgDel="$imgDel" :toolbars="toolbars"></mavon-editor>return { toolbars: { bold: true,

原创 一款基于vue的文本编辑器。

我感觉这款编辑器比ueditor简单。而且也符合我的要求，重要的是：不用老是找问题，找了大半天没找到、尴尬。。。。好了。这个是我在别人那看到的。具体的。看网址吧。嘿嘿。很受用。一款简单的基于vue的编辑器 想给这个作者五颗星。哈哈哈...

原创 在网页中使用富文本编辑器editor+vue

先下载一个富文本编辑器（官网地址）在vue中新建一个editor.vue<template> <div> <script id="editor" type="text/plain"></script> </div></template><script&a