- 博客(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
原创 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
转载 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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人