- 博客(18)
- 收藏
- 关注
原创 百度地图InfoWindow去掉关闭按钮
最新做项目遇到的需求是进入页面百度地图默认显示信息窗体,且不显示关闭按钮,效果如图所示。1、 安装相关依赖后在main.js中引入。2、新建组件baidu.index。
2023-06-19 13:07:31
1123
原创 element NavMenu多级导航菜单渲染
第一步:新建一个组件navMenu.vuehtml<label v-for="(item, index) in navlist" :key="index"> <el-submenu v-show="item.adminMenu.menuType == 'list'" :index="item.adminMenu.index.toString()" @mouseenter.native="collapseOpen(index)"
2021-10-08 16:27:37
481
原创 vue项目引入阿里巴巴矢量图标库图标
官方给了3种引入方式(这里只详细说明两种)一、font-class引用兼容性良好,支持ie8+,及所有现代浏览器。相比于unicode语意明确,书写更直观。可以很容易分辨这个icon是什么。因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的unicode引用。不支持多色图标。使用步骤:第一步:新建项目,将项目用到的图标加入项目第二步:点击新建项目中的下载至本地,新建iconFont文件夹,将解压后的文件复制到该文件夹下第三步:在Main.js里引入index.
2021-10-08 15:54:09
579
1
原创 element替换主题色
在官网找到自定义主题 >>> 仅替换主题色 >>> 点击在线主题生成工具点击切换主题色(设置自己的主题色)>>> 点击切换按钮预览效果 >>> 调试完成后点击下载主题 >>> 解压主题包 >>> 在项目下新建文件夹theme >>> 将解压后的文件全部复制到该文件夹下 >>> 在Main.js里引用即可import './assets/theme/element
2021-10-08 15:05:19
263
原创 vue设置导航栏、顶部栏为公共页面
首先全局引入需要的两个组件import LeftSide from '@/components/leftSide/index';import CrmHeader from '@/components/crmHeader/index';Vue.component('LeftSide',LeftSide);Vue.component('CrmHeader',CrmHeader);然后在MainApp.vue中添加如下代码<!-- 实际运用场景中,登录注册页面我们不希望出现,所以用keep-a
2021-10-08 14:53:22
2177
原创 element table表格缩略图预览
可结合element Popover弹出框来实现<el-table-column label="缩略图" width="200"> <template slot-scope="scope"> <!-- trigger(触发方式)、placement(出现位置) --> <el-popover trigger="hover" placement="right"> <!-- table中原本显示的图片 -->
2021-10-08 14:27:28
1876
1
原创 element改变树形菜单图标
通过以下代码替换图标/* 覆盖element树形加载时下拉图标样式 */.el-icon-arrow-right:before { content: "\e791" !important;/* 通过官网icons右键审查元素查找对应图标 */}
2021-10-08 13:50:20
349
原创 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
npm run dev运行项目报错原因:webpack-dev-server版本和vue版本不一致解决方法1:删掉node_modules文件夹下所有的依赖,npm install重新安装即可解决方法2:卸载webpack-dev-server,安装对应版本npm uninstall webpack-dev-server(卸载)npm i webpack-dev-server@版本号(安装)...
2021-06-25 13:33:29
603
原创 Element UI远程搜索数据
近日遇到的需求,需要在输入框输入条件远程搜索服务端数据,Element的select组件正好可以满足此需求。为了启用远程搜索,需要将filterable和remote设置为true,同时传入一个remote-method。remote-method为一个Function,它会在输入值发生变化时调用,参数为当前输入值。需要注意的是,如果el-option是通过v-for指令渲染出来的,此时需要为el-option添加key属性,且其值需具有唯一性。<el-select v-model="valu
2021-06-25 11:53:41
1499
原创 Element UI中el-date-picker设置日期格式
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-06-25 10:36:56
1275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人