自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

string佳佳的博客

记录前端遇到的各种技术问题,方便自己今后查阅。也希望同时能帮助到其他人。

  • 博客(15)
  • 资源 (1)
  • 收藏
  • 关注

原创 解决el-input自动回填账号、密码的问题

问题描述:自己写了一个管理系统,登录成功之后,浏览器提示我保存账号密码,每次登录时就会自动回填记住的账号密码,方便用户快速登录。但是导致在非登录页面,只要涉及到type=password的时候,input输入框都会自动回填密码,前一个紧挨着的type=text自动回填账号。这是非常不科学的!!解决方法:不使用type=password,统一全部使用type=text这时候,要想得到password的加密效果,则用css控制:<el-input type="text" class="no-au

2021-03-24 10:22:16 1320

原创 vue 下拉树

需要使用到的组件 vue-treeselectvue-treeselect中文文档安装 npm install --save @riophae/vue-treeselect局部引用:import Treeselect from '@riophae/vue-treeselect'import '@riophae/vue-treeselect/dist/vue-treeselect.css'使用:multiple:是否允许多选options:渲染的数据 <treeselect

2021-03-09 20:29:36 3031

原创 vue-element-admin 管理系统框架(开源)

官网地址:vue-element-admin框架下载地址:GitHub下载地址

2021-03-09 15:03:21 589

原创 highCharts 饼图中间添加自定义文本

效果图:实现方法:参考官网:标题居中的环形图把 title 放在圆环中间,具体代码如下,具体数据请根据实际情况赋值:1、vue中引入highCharts:官网教程2、<highcharts :options="pieOption" :callback="pieCallback"></highcharts>data: pieOption: { chart: { type: 'pie', backgr

2021-03-09 14:28:13 2066

原创 antd-vue pagination分页,文字、图标自定义

效果图:实现方法: <a-table :columns="columns" :data-source="tableData" rowKey="id" :pagination="paginationProps" bordered> </a-table> co

2021-03-04 17:47:40 2897 1

原创 antd-vue table列排序

效果图:实现方法:data: columns:[ { title: '创建时间', width: '110px', align: 'center', dataIndex: 'createDate', sorter: (a, b) => { let result = 0 for (let i = 0; i < a.createDate.length; i++) { if (a.crea

2021-03-04 17:41:49 1054 1

原创 antd-vue table列内容过长,以tooltip样式显示

效果图:实现方法:<a-table :columns="columns" xxxxx xxxxx> <span slot="requestUri" slot-scope="text, record"> <a-tooltip> <template slot="title"> {{ record.requestUri }} </template>

2021-03-04 17:35:39 4368 6

原创 antd-vue table不同列,渲染不同颜色

效果图:实现方法: <a-table :columns="columns" :data-source="data" 数据源 rowKey="id" :rowClassName="rowClassName" :scroll="{x:2510}" bordered> </a-table>data: columns:[ { title: '左边盖样式', dataI

2021-03-04 17:27:09 2858 1

原创 antd-vue table显示序号(自动递增,分页后也不影响)

效果图:实现方法: <a-table :loading="tableLoading" :columns="columns" :data-source="tableData" rowKey="id" :rowClassName="rowClassName" :custo

2021-03-04 17:07:45 5617 3

原创 vue 滚动到指定位置

效果图:核心代码:document.getElementById(‘test2’).scrollIntoView() <div class="infoBox" ref="infoBox" style="height: 300px;overflow: auto"> <div v-html="info"></div> </div> this.info = '<div>\n' +

2021-03-04 16:31:20 791 1

原创 antd-vue tree组件,默认展开所有节点(defaultExpandAll)

效果图:实现方法:html: <a-tree v-if="leftModelTree.length" 解决异步加载数据后,展开所有节点失败的问题 :tree-data="leftModelTree" 数据源 :replaceFields="replaceFields" 自定义渲染字段title、key、children :defaultExpandAll="true" 展开所有节点

2021-03-04 16:21:24 9543 6

原创 elementUI图片上传,并实现图片回显(正式上传服务器之前就能回显)

<el-upload class="avatar-uploader" :action="''" :auto-upload="false" //取消自动上传 :show-file-list="false" :on-change="handleAvatarChangeIcon"&...

2021-03-04 16:05:04 10130 5

原创 antd-vue中,点击table行高亮效果实现,自定义hover行 时的背景颜色

原博地址

2021-03-03 14:12:20 3428 5

转载 phpstorm中js文件被识别成txt类型

问题描述:phpstorm中index.js文件被识别成txt格式,如下图。原因:phpstorm中js文件被识别成txt文件,原因在于txt类型识别了以当前js文件名命名的模式。解决方法:File—Settings—Editor—FileTypes找到Text类型,将其中的index.js格式从中取消,apply—ok拓展同理其他被识别成txt(或其他格式)的js文件...

2021-03-01 14:35:34 447

原创 vue项目兼容ie浏览器

1、问题vue项目在ie浏览器下,会报Symbol 未定义的错,还有其他一些es6-10中出现的新的语法不兼容的问题2、解决方法安装babel-polyfillnpm install --save babel-polyfill在mian.js中引入babel-polyfill(要在引入vue,vuex,elementui 之前引入,最好放在第一行)import ‘babel-polyfill’;...

2021-03-01 10:59:21 239

中国地理信息数据json文件

中国地理信息数据json文件,仅供参考学习

2022-06-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除