- 博客(66)
- 资源 (2)
- 收藏
- 关注
原创 uniapp图片无法显示
首先确定是在什么环境下不展示图片,确定你的标签是<img>还是<image>,确定你是网页不展示图片还是真机模拟不展示图片,请对应问题查找方法。一、引用本地文件中存储的图片(1)真机环境(2)网页环境二、引用localhost或者127的本地服务器图片(1)真机环境(2)网页环境三、引用本地服务器开启的端口的图片(1)真机环境(2)网页环境四、富文本...
2022-01-13 22:34:23
23806
7
原创 Uniapp去掉顶部导航栏和路由传参
一、去掉顶部导航栏在pages.json中设置这两条参数"navigationStyle":"custom","titleView":false[注意层级不同]如果想全局取消顶部导航栏,可以在page.json的globalStyle中设置:"globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "Ebook", "navigationBarBackgroundColor": "#F
2022-01-11 14:28:08
3871
4
原创 wangEditor自定义一个图片上传
wangEditor上给了几种上传图片的方式,从简单到困难:【这边只给出前端代码】(1)上传图片的base64(可以用作练习)(2)自己配置接口服务器存图片(需求只能连接内网情况)(3)上传到阿里云或者其他服务器(需求可以连接外网情况)一、上传图片的base64这种方法会把base64存入数据库,图片小还可以,稍微大一点(10M以上),数据库就存不上了,所以只能练习使用。//TODE 过两天再更。。。。。。...
2022-01-10 16:24:58
3249
3
原创 wangEditor动态根据请求到的数量展示个数
首先要明确组件不是一个单独的页面,组件可以在多个地方使用多次。所以组件就相当于一个被封装好的方法。比如一个组件被使用两次就形成了两个内容相同但位置不同的代码块。两个代码仅仅仅仅只是内容一样。wangeditor专门在vue使用的官方文档中说,vue使用wangeditor要注意销毁,因为非动态的创建wangeditor会因为富文本创建时名字相同而报错不能重复创建。所以有了两种方法:(本文详细介绍第二种方法)(1)创建富文本时给这个富文本组件传参,每次参...
2022-01-10 15:41:34
544
1
原创 前端使用富文本编辑器wangEditor
一、npm下载终端输入npm i wangeditor --save二、代码此处已经把富文本编辑器抽出为组件:组件内容:<template lang="html"> <div> <div id="edit"></div> </div></template><script>//引入import wangEditor from 'wangeditor'export defau
2022-01-06 08:59:41
1424
1
原创 vue上传文件流
创建formData方法,把文件流以及所有需要上传的数据通过formData.append传入formData中,上传请求中的data中只需要放一个formData就可以了。(此处request为封装的请求方法,省事可以不封装)
2022-01-06 08:57:36
3175
1
原创 uniapp和vue判断前端界长时间不操作返回指定界面(挖坑更新)
可以把这个功能直接写进需要这个功能的.vue文件中,但最好把功能变成一个单独的js文件抽出去。代码中用到了vuex。uniapp:uniapp主要设计小程序和app,所以并不需要检测键盘以及鼠标移动,只要检测有没有点击事件就可以了。js代码://引用vueximport store from '../store/index.js';export const timeOut = () => { // 上一次点击时间 let lastTime = null // 当前时间 l
2021-12-29 14:17:08
3010
原创 map方法截取函数对象中所有最后一个特殊符号后面的字符(可以获取文件类型)
this.$store.state.allFiles = res.data.data.list.map(item => { return {id:item.id,content:item.fileName,type:item.fileName.substring(item.fileName.lastIndexOf(".")+1),nodeId:item.nid} //可以把.换成其他字符 })...
2021-12-14 19:09:24
558
原创 watch模糊查询(通过搜索框内容展示符合内容,不调用接口)
watch可以记录一个数据改变之前和之后,并且可以在改变发生时写入事件.利用搜索框内数据改变,把搜索框内新产生的关键词使用watch来搜索数据.html代码(展示样式,不放了,你能搜这个肯定把展示框写好了)<input v-model="search"></input>js代码:data() { return{ search:'', //input绑定的查询关键词 files:[], //被查询数据 f
2021-12-09 17:43:40
842
原创 js获取当前日期
const date = new Date();const dateNow = date.getFullYear()+'-'+date.getMonth()+'-'+date.getDate()console.log(dateNow) //2021-12-4就完了就三行
2021-12-04 17:51:25
190
原创 ES6将对象中同一类相加
使用数组的reduce方法就可以,也可以用在对象上:这是方法:let hate = love.reduce((val,n) =>{ return val += n.like //val为刚定义的0,n为数组的相应对象的值},0)console.log(hate)这是数组:love:[ { like:1 }, { like:1 }, { like:1 },]...
2021-12-04 17:13:58
1510
原创 Vue的axios使用的param传参(待更新)
默认传参是body/json形式,请求时将data:{}换成params:{},get方法无法用data:{}上传,必须用params:{},请求头不用改变默认就可以.
2021-12-02 17:37:50
1080
原创 前端获取上传图片的base64
直接贴代码html:<div class="upload"> <input type="file" autocomplete="off" placeholder="选择上传文件" class="uploadFile" @change="File"></input> </div>js:File(event){ this.file = event.target.files[0] let reader =
2021-12-02 14:43:19
1389
原创 vue elementUI 对话框Dialog 打开后滚条回到顶部
正常情况下网页虽然不会显示滚动条了,但是不会回到顶部.1.点击弹出对话框的标签是a标签,而且加了href,去掉href就可以了.
2021-11-29 10:52:37
3347
2
原创 vue让只有被选中的标签变色
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>点击列表,让列表变红</title> </head> <style> .red{ color: red; } </style> <script src="../js/vue.js"></script> <body>.
2021-11-25 20:48:25
1084
1
原创 mysql初始化后再次输入初始化密码怎么都不对
报错信息为ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password:NO)意思是你输入的初始化密码不对。密码是初始化过程中mysqld --initialize --console时出现的,有的mysql版本再次输入这个指令还可以获得初始化密码,但是有的版本再次输入并不会重新出现初始化密码。不管是复制开始一个一个的对应,在mysql -u root -p之后输入的密码总是提示不正确。百分之.
2021-11-23 12:15:40
4598
1
原创 安装sql缺失vcruntime140_1.dll(命令行初始化时缺失)
命令行初始化mysql【相当于重置密码启动mysql服务】时在输入mysqld --install或者mysqld --initialize --console报错弹框:提示缺失文件。
2021-11-23 11:49:45
778
原创 Element-ui删除组件
<template> <div class="flexShow"> <el-popover placement="top" width="160" v-model="visible"> <p>这是一段内容这是一段内容确定删除吗?</p> <div style="text-align: right; margin: 0"> <el-button size="mini" type=.
2021-11-19 22:24:03
852
原创 vue全家桶、Element-ui模板
下载地址:vue项目模板.zip-Javascript文档类资源-CSDN下载1.已安装vuex、axios、vue-router、Element-ui2.已改正ui图标显示路径与build打包正确路径注:使用的是脚手架2
2021-11-16 18:41:34
564
原创 Element-ui表单验证验证失败,input内有内容仍然验证为空的问题,验证数值类型不一致问题
验证的key只能是数组内的某一个key,不能之间验证格式:html:<el-form :model="nodeName(数组名)" ref="nodeName(数组名)"> <el-form-item prop="name(数组内的属性)" label="内容:" :label-width="formLabelWidth" :rules="[{ required: true, message: '不能为空'}]"> <el-input
2021-11-15 14:12:50
13459
10
原创 v-if与v-show在false和true之间改变时组件不隐藏出现问题
当使用data、props或者vuex保存的布尔值来给v-if和v-show赋值,如:却发现当我们用命令改变loginState时(true变flase),v-if的判断并没有消失。这里的v-if和v-show突然失效了。(v-if代码)(改变loginState的代码)此时我们再看前端展示:我们可以看到loginState是true,所以界面显示登陆界面,但是当我们点击登录后可以看到loginState由true变成了false,但是登录界面并没有消失。...
2021-11-10 13:56:57
5234
1
原创 vue网页刷新保存vuex中的state[实现刷新不退出登录]
原理:将vuex中的内容保存在sessionStorage,刷新时将sessionStorage存储的上次刷新的vuex内容替换在新刷新的vuex中.一般用于:1.v-show或v-if可以在刷新后继续展示(隐藏).2.写在vuex中的计数器不会因刷新重置.将生命周期函数created()写在App.vue中确保所有url刷新后都可以保证vuex中的内容不变.created() { //刷新是读取刷新前的vuex if (sessionStorage.getIt
2021-10-19 12:44:19
670
2
原创 vue使用element-ui打包后与本地测试样式不同问题,改变element-ui原有样式方法
1、产生原因为使用了HBuilder X工具开发,style未加scope.除了HBuilder X以外其他集成环境几乎都会让新建的.vue文件的style为<style scope></style>,只有HBuilder X例外只是<style></style>。如果你用的是HBuilder X产生了这种问题,先给除了App.vue以外其他组件的<style>加上scope。2、引入UI改变UI标签的样式时未使用穿刺如果你使用了Ele
2021-10-16 00:34:59
4901
1
原创 最全vue打包前后的跨域问题,绝对解决你的问题
proxyTable: { '/api': { target: 'http://localhost:9966', changeOrigin: true, ws: true, pathRewrite: { '^/api': '', } }},
2021-10-16 00:20:08
18324
14
原创 vue打包后404以及ElementUI打包后图标不显示问题
1.vue打包404config中index.js文件的build中的assetsPublicPath: '/',改为assetsPublicPath: './',build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), a
2021-10-15 12:41:50
603
4
麒麟系统(arm处理器)kubesphere系列安装包
2025-01-24
vue的echarts模板
2023-02-22
vue界面滚动滑轮页面大小,图片,文字无变化
2022-11-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅