- 博客(17)
- 收藏
- 关注
原创 居中一个div常用的几种方式
废话不多说,代码和图片如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta http-equiv="X-UA-Compatible" cont
2022-05-21 14:59:48
416
原创 Xmind快捷键
tab父主题下添加子主题Shift+enter同级添加子主题Ctrl+enter父级上方添加子主题delete删除Ctrl+N新建空白图和模板Ctrl+T新建标签页Ctrl+O 打开文件Ctrl+L联系Ctrl+]概要Ctrl+S保存Ctrl+Z撤销Ctrl+X剪切Ctrl+A全选Ctrl+鼠标点击——多选Ctrl+Shift+S另存为Ctrl+P设置Ctrl+C复制Ctrl+V粘贴Ctrl+F查找和替换Shift+enter换行
2022-05-19 11:40:43
872
原创 点击按钮删除信息
<el-link type="primary" @click="del(scope.row)" style="margin-left: 10px">图片删除</el-link> async del(row) { const confirmRequest = await this.$confirm('此操作将永久删除图片, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonT..
2022-03-27 13:44:10
587
原创 el-table 表头和内容居中,添加表头颜色
:header-cell-style="{ 'text-align': 'center', 'background-color': '##fafafa' }" :cell-style="{ 'text-align': 'center' }"在el-table里添加就可以了
2022-03-24 20:22:51
384
原创 element-ui一些常用组件的二次封装
组件封装创建components文件夹,并且创建封装组件1.Table——表格封装<template> <div> <el-table :data="tableData" style="width: 100%" :stripe="stripe" :border="border" :size="size" v-loading="loading" @selection-change="handleSelectionChang.
2022-03-15 18:33:19
5286
原创 uniapp上传、预览、删除图片
效果图如下:代码如下所示:<template> <view class="upload-img"> <image src="/static/logo.png" class="img" @tap="onGetImgClick"></image> <view class="uni-list list-pd"> <view class="uni-list list-pd"> <v...
2022-02-11 11:39:28
1097
原创 Element ui 组件中Cascader 选择器 高度问题
使用Cascader 级联选择器时,发现选择框高度过长解决办法:在项目全局css样式中,添加设置:.el-cascader-menu{ height: 300px;}添加后的图示如下:
2021-12-04 23:02:58
626
原创 解决跨域问题
1. jsonp原理:动态生成script标签,通过src属性加载缺点:不支持POST,只支持GET应用场景:有些第三方数据接口可能会使用jsonp解决跨域问题如:请求全国有多少城市,请求中国天气网天气、信息2. 中间服务器代理前端部署地址:127.0.0.1:8000中间服务器:127.0.0.1:8000目标服务器地址:127.0.0.1:88883.CORS跨域资源共享服务器端进行配置,加一个响应头res.header('Access-Cont...
2021-12-01 16:48:45
158
原创 vscode编写项目时ESLint自动格式化代码
1.第一步:先在vscode中,安装ESLint插件图如下:2.第二步:点击左下角齿轮图标--点击设置--打开右上角的设置文件右上角第一个,不要点错!!!打开后是这个文件夹,注意看下文件名字,有没有点错哦第三步:只需要复制以下代码到最外面打括号内部就可以了 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabs...
2021-11-25 09:07:33
388
原创 Syntax Error: TypeError: this.getOptions is not a function
解决办法:1.npm uninstall less-loader2.npm install less-loader@6.0.0下图就是已经被解决的图例
2021-11-23 19:57:58
334
原创 vue用户代码片段1
普通型{ "vue": { "prefix": "vue",//关键字 "body": [//对应代码片段 "<!DOCTYPE html>", "<html lang=\"en\">", "<head>", "\t<meta charset=\"UTF-8\">", "\t&l...
2021-11-13 16:49:49
347
原创 火狐浏览器安装Vue.js devtools 控制台不显示问题
Vue.js devtools 安装成功之后,火狐控制台底部却不显示由于使用了生产版本的vue.min.js,导致控制台没有Vue.js devtools 插件解决办法:把原来使用的生产版本改为开发版本,这样底部就会显示vue调试插件了...
2021-11-13 16:27:19
2078
原创 git使用 上传代码
先打开https://github.com/进行登录注册,有了账号之后,登录进去第一步:创建仓库public是共有库,private是私人库第二步:配置git1.在桌面右键新建一个文件夹2.打开文件夹,选中输入cmd 回车,打开命令提示符,就进入当前文件夹了3.输入git init 配置git4.再打开文件夹,git就已经配置好了5.打开github网站,点击Settings6.打开刚才创建的文件夹 ,找到刚才创建的公钥复制...
2021-11-02 16:12:58
517
原创 移动端tab栏切换嵌套轮播图无法实现轮播图效果的问题及解决方法
方法一:在初始化swiper对象的时候,添加observer和observeParents两个属性,当修改swiper自身/父元素/子元素的时候,均会自动初始化swiper,使得切换tab栏的时候,swiper仍有效。
2021-10-30 12:15:37
526
原创 自定义用户代码片段
1.点击设置-点击用户代码片段2.点击新建全局代码片段3.输入创建代码段的文件名-点击回车4.把生成的文件全部删掉,粘上下面的代码保存{ "html": { "prefix": "zeng", "body": [ "<!DOCTYPE html>", "<html>\n", "<head>", ...
2021-10-21 16:31:01
239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人