实战项目总结
冰雪为融
我与我周旋久,宁做我
展开
-
http://localhost:8080/undefined/Assets/IAU2006_XYS/IAU2006_XYS_17.json
记vue 加载cesium 框架时,加载静态文件,路径中出现undefined解决方法: 在index.html中引入一下就可以了原创 2022-02-10 10:48:47 · 1749 阅读 · 5 评论 -
npm ERR
npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js`网速不好或者版本过高,用淘宝镜像安装npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass转载 2021-10-29 11:15:34 · 237 阅读 · 0 评论 -
vue 中动态添加html元素并绑定点击事件onclick
方法中动态添加html元素getWindContent(){ return `</div> <span style="cursor: pointer;" onclick="closeMaker()"> <img class="img" src="/assets/svg/close-white.svg" /> </span> </div>`}mounted中window.closeMak原创 2021-06-28 09:48:27 · 14366 阅读 · 5 评论 -
Vue + Scss 动态切换主题颜色实现换肤
根据预设的配色方案,在前端实现动态切换系统主题颜色。大概的思路就是给html根标签设置一个data-theme属性,然后通过js切换data-theme的属性值,Scss根据此属性来判断使用对应主题变量。这里可以选择持久化Vux或接口来保存用户选择的主题。一、首先需要给项目下载配置Scss1.安装依赖npm installnode-sasssass-loader --save-dev2.找到build中webpack.base.conf.js,在rules中添加scss规则{..转载 2021-06-25 11:06:26 · 5558 阅读 · 8 评论 -
Vue中:error ‘XXXXX‘ is not defined no-undef解决办法
报错内容:× Client Compiled with some errors in 7.42s√ Server Compiled successfully in 6.05s ERROR Failed to compile with 1 errors friendly-errors 17:33:15 ERROR in ./pa转载 2021-06-11 14:56:08 · 8706 阅读 · 0 评论 -
vue 预览pdf
<embed src="https://www.iowfsop.com/img/static_jcts_cgn/20210608/%E6%B5%B7%E4%B8%8A%E4%BD%9C%E4%B8%9A%E5%AE%89%E5%85%A8%E6%8F%90%E7%A4%BA_%E7%A6%8F%E5%BB%BA%E5%B9%B3%E6%BD%AD%E6%B5%B7%E4%B8%8A%E9%A3%8E%E7%94%B5%E5%9C%BA_202106080800.pdf" type="appl.原创 2021-06-08 11:40:29 · 99 阅读 · 0 评论 -
修改webkit内核浏览器滚动条样式(修改element-ui table样式)
webkit浏览器css设置滚动条主要有下面7个属性1. ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的2. ::-webkit-scrollbar-button 滚动条两端的按钮3. ::-webkit-scrollbar-track 外层轨道4. ::-webkit-scrollbar-track-piece 内层滚动槽5. ::-webkit-scrollbar-thumb 滚动的滑块6. ::-webkit-scrollbar-corner 边..原创 2021-04-07 14:17:31 · 3397 阅读 · 0 评论 -
element Table 展开行功能 (设置点击行可展开功能)
element Table 展开行功能 官方使用:通过设置 type="expand" 和Scoped slot可以开启展开行功能,el-table-column的模板会被渲染成为展开行的内容,展开行可访问的属性与使用自定义列模板时的Scoped slot相同。但这种设置,只是点击箭头可展开 ,点击整行是不能展开的但想要提升用户体验,最好的是点击行可展开,所以,本人研...原创 2020-01-03 10:33:41 · 36529 阅读 · 19 评论 -
iview Cascader使用动态加载选项时设置默认值
原文章链接地址:https://codepen.io/02954/pen/MzMMYwHTML<script src="//unpkg.com/vue/dist/vue.js"></script><script src="//unpkg.com/iview/dist/iview.min.js"></script><div id="...转载 2019-06-01 20:05:48 · 7337 阅读 · 0 评论 -
iview中刷新页面的时候更新导航菜单的active-name
在做项目的时候,遇到一个问题,当刷新页面的时候,导航的激活菜单和当前显示的组件不匹配,查了一下官网(https://www.iviewui.com/components/menu),寥寥几句话就说完了,至于怎么实现没有详细说明Menu methods:方法名 说明 参数updateOpened 手动更新展开的子目录,注意要在 $nextTick 里调用 无up...原创 2018-10-20 15:04:14 · 13733 阅读 · 2 评论 -
vue-cli+iview打包后iview自带的字体图标找不到的解决办法
使用iview做项目的时候,打包上传到服务器后,iview中自带的字体图标显示不出来,百度了很多方法,下面的方法可靠哦更改 build/utils.js 文件中 ExtractTextPlugin 插件的options 配置:添加 publicPath: '../../', 完美解决问题if (options.extract) { return ExtractTextPlugin...原创 2018-12-04 11:39:14 · 3898 阅读 · 0 评论 -
用vue-cli+iview实现的项目总结——Menu系列问题总结(悦读奇缘平台管理)
1、Menu 导航菜单:问题1:当屏幕小的时候,如果我们选择的主题是dark或者是primary,那掉下来的文字会看不到如下图官网示例:正常情况下:当屏幕缩小的时候:此时统计分析和综合设置就找不到了,其实也不是找不到了,只是掉了下来,下面是白色背景,文字也是白色的,自然就找不到了原因:如果我们检查就会发现,这个menu菜单也是通过让li浮动实现的,所以我们...原创 2018-12-01 10:38:38 · 1337 阅读 · 2 评论 -
使用wangEditor富文本编辑器遇到的问题总结
怎么使用和安装我就不详细说了,文档写得很清楚,https://www.kancloud.cn/wangfupeng/wangeditor3/3325991、当屏幕缩时,富文本编辑器的选项会被隐藏,如下图官网的demo:当屏幕变小时,菜单选项就超出了富文本编辑器的区域,撤回和恢复已经隐藏不见了原因,如果我们检查代码就会发现,其实富文本编辑器使用了弹性盒模型(不懂的百度,推荐阮一峰大神的文...原创 2018-12-01 11:18:46 · 38684 阅读 · 13 评论 -
iview中table排序
看到一篇比较好的文章,分享出来:https://blog.csdn.net/qmzmzxk/article/details/81748422官网也写得很清楚:https://www.iviewui.com/components/table#PX注意一点,初始化排序,官方解释:通过给某一列设置 sortType 可以在初始化时使用排序。 { title: '...原创 2018-12-08 15:36:40 · 7170 阅读 · 0 评论 -
使用vue+iview Form组件 按enter键阻止页面刷新
如果我们在Form组件中嵌套使用Input组件的时候,会有一个小问题,如果我们在一个Form组件中只使用了一个Input组件,当该Input组件获取焦点的时候,我们按enter键,整个页面会刷新解决办法:方法一、<Form ref="formInline" :model="jigouInfo" inline :label-width="80" @keydown.native.e...原创 2018-12-05 22:36:24 · 4561 阅读 · 2 评论 -
vue怎么实现不同组件间(非父子组件间的通信),一个变化,另一个实时变化的效果
vue中,只有组件内的值,发生了变化,组件才会重新渲染,那我们怎么实现,两个不同组件,一个组件内的值发生变化,另一个组件也随之变化,比较常用的场景就是下面的例子了:头部导航是一个单独的组件,侧边栏是一个组件,其余部分是内容区,想要的效果就是,当内容区的个人信息修改成功之后,希望头部右侧的个人信息(姓名和头像)也随着变化分析:头部和内容区,不在同一个组件内,也不是父子关系解决办法:通过...原创 2018-12-06 10:22:11 · 1844 阅读 · 0 评论 -
使用swiper时踩过的坑(解决一个网页使用多个swiper冲突问题)
1、如果一个页面中要使用多个轮播图(用swiper实现),最好的方法,也是最不容易出错的方法是,加一个类名和swiper-container同级的类。,然后初始化swiper时用这个新增加的类,不要用swiper-container,如下示例: <div class="swiper-container banner_swiper"> ...原创 2019-03-29 20:14:02 · 23701 阅读 · 3 评论 -
使用bootstrap实现的管理系统知识点总结
1、实现的效果图如下所示效果描述:随着屏幕的变大和缩小,线的长度也随着变长和变短,当处于最小屏幕时,线段消失,文字排成一列,如下图所示实现代码如下所示 <div class="row"> <div class="col-md-11 col-md-offset-1"> <div class="...原创 2019-10-10 14:31:29 · 486 阅读 · 2 评论