- 博客(26)
- 收藏
- 关注
原创 webpack 构建一个项目
5.打开 package.json 在 script 文件中加入命令行"build":“webpack”,此时运行 npm run build 就能把在根目录看到一个 dist 文件夹 6.如果想看打包效果,需要安装插件 npm install html-webpack-plugin,在 webpack.config.js 先头部引入 const HTMLWebpackPlugin=require(‘html-webpack-plugin’),然后在 exports 对象内新建。在 output 中加入。
2024-02-27 14:58:19
424
原创 export default 和 module.exports
module.exports才是真正的接口,exports只不过是它的一个辅助工具, 最终返回给调用的是module.exports而不是exports。module.exports 初始值为一个空对象 {},而exports为指向module.exports 的引用。之前不注重export各种情况的使用,闹了很多笑话,比如在vue中是nodejs的模块导出,现在在这里做一个补充说明。而在node.js中module.exports是Common.js下的模块规范,也就是。b.js导入a.js 函数。
2024-02-27 13:07:39
383
原创 async/await捕获接口异常catch
但是一般我们axios都做了封装,axios里面用到Promise.reject抛出异常。这样的话,我们可以在调用处后面直接加入catch捕获。async/await一般都是这样的写法,用于对接接口,主要是美观又实用。但是如果你想更美观简洁的话,我建议用try/catch。
2023-03-17 15:07:19
678
原创 时间选择器 处理时间:如果相差天数大于30天,回显时结束时间自动加1
/判断相差月数是否大于一个月(30天),大于才默认显示一个月 // var stime =new Date(startTimeArr[0]).getTime(); // var etime = new Date(finishTimeArr[0]).getTime(); // var usedTime = etime - stime; //两个时间戳相差的毫秒数 // var differDays=Math.fl
2021-11-22 14:33:52
811
原创 关于element表单中日期或时间选择在获取后端数据后无法修改得解决办法
有时候用element表单会使用 时或日期选择器,后端传回数据得时候发现选择器能回显,但是无法选择!后来发现用this.$set() 可以解决这个问题,特此自己做个标记。 let finishTimeStr=data.data.endTime let finishTimeArr=[] finishTimeArr=finishTimeStr.split(' ') console.log(finishTimeArr,'beginTi
2021-11-19 18:01:36
1126
原创 antvL7禁止缩放,拖曳
记录下可能后面会用要的代码 scene.setMapStatus({ dragEnable: false, // 是否允许地图拖拽 keyboardEnable: false, // 是否允许形键盘事件 doubleClickZoom: false, // 双击放大 zoomEnable: false, // 滚动缩放 rotateEnable: false // 旋转
2021-11-17 14:50:37
1053
原创 ElementUI的Table组件在无数据情况下让“暂无数据”文本居中显示
出现表格数据过多至出现滚动条的情况,这个时候暂无数据时会出现显示的”暂无数据“随滚动滚动的情况,如下图,效果很不好。什么办法可可以让暂无数据内容直接在表格中居中呢?这里用到/deep/ 深度选择器,修改element-ui的对应css注:vue-cli-3中scss中可能无法识别/deep/用::v-deep代替!::v-deep .el-table__empty-block { width: 100%; min-width: 100%; max-width: 100%;}效果图如下
2021-11-10 10:47:37
5252
5
原创 el-table中的使用formatter属性的让表格单元内显示图片
el-table中的使用formatter属性的让表格单元显示图片el-table的formatter这个属性很厉害,可以用来修改很多东西。官方文档只是说了可以格式话内容但是再项目开发中想试着不仅仅只是数据的改变呢,可不可以插入html呢?可不可以插入html后如img标签后给 动态绑定src地址呢?我试了下用JSX语法可行!上代码看更直观:html中 <el-table ref="prizeTableData" :data="tableData" >
2021-11-05 17:17:56
2358
原创 关于取消git pull产生的提示输入merge信息
关于取消git pull下拉产生merge信息框项目中有时候更新代码到分支,但是git pull 的是时候会出现merge,如下图所示这是因为git pull的时候会自动进行merge操作1.方法一(推荐):当你本地有commit的时候,建议使用git pull origin develop --rebase(简写:git pull -r) 进行拉取代码,就是拉取并rebase的意思,这样就不会出现您上面说的问题。2.方法二 :当你本地修改还没有commit,那么你可以将本地的修改先暂存起来,gi
2021-11-05 16:47:27
4321
1
原创 css动画:多个行星围绕中心恒星旋转
最近练习css动画。写两种“多个行星围绕中心恒星旋转”一种是中间恒星旋转,直接上代码 <div class="center"> <div class="box1"> <view class="box1_child">我是</view> </div> <div class="box2">2</div> <div class="box3">3</div>
2021-10-14 14:05:23
1180
转载 router-link跳转回到页面顶部
router-link跳转回到页面顶部router-link跳转到新页面只会停留在上一个页面的位置在main.js中加入router.afterEach((to, from, next) => { window.scrollTo(0, 0);})引用出处:https://blog.csdn.net/weixin_45536426/article/details/108360215...
2021-09-04 16:16:02
741
原创 关于vue项目刷新当前页面,获取数据改变后的页面
vue项目刷新当前页面的几种方法vue因为生命周期的原因,很多时候碰到这种情况:页面点击修改按钮,相应需要改变的数据不改变,只有F5情况下才能刷新数据已经修改后的页面。因为虽然点击了修改数据按钮,但是vue的生命周期已经执行完了,所以页面不会发生重绘了,这个时候我们需要在程序内写一行刷新当前页面的代码,一般回立马想到这两种:location. reload()this.$router.go(0)这两种方式可以实现功能,但是缺点很明显,就是让整个页面重新加载,会出现一个瞬间的空白页面,体验很不好
2021-09-04 14:24:39
1492
原创 element upload获取上传成功的图片地址
关于upload获取上传成功的图片地址记录一个坑,在项目中用到了element的图片上传,文档里的室这么写的获取图片的urlhandleAvatarSuccess(res, file) {this.imageUrl = URL.createObjectURL(file.raw);},但是实际上上面的 this.imageUrl 得到的是我本地的,我改了下才成功获取到上传后后台反我的url,也不知到是除了什么问题? <el-form-item label="文章配图:" cla
2021-08-20 13:57:54
8632
原创 关于element Form表单的下拉框出现自动校验
关于element Form表单的下拉框出现自动校验 最近在写后台系统的时候,需要对提交的表单进行校验,因为我后台系统使用element搭建的,我自然用element的Form组件。 本身官方文档写的挺详细的,但是还是出现了问题 **Form表单中的下拉框会出现自动校验!** 关键是这种自动校验会一直存在,我做了增删改查,也就是说我点击添加打开对话框下拉框发生校验然后关闭对话框,然后在店家删除时,下拉框的校验依然存在!!!这十分不友好。 element组件本身提供了!![在这里插入图片描述](ht
2021-08-18 08:58:00
4792
原创 element 穿梭框的使用
element 穿梭框的使用废话不多说,上源码 <!-- 穿梭框 --> <el-form-item label="xxx:" class="DrawerRight" > <el-transfer @change="choose($event)" filterable filter-
2021-08-03 08:14:43
1120
原创 element的pagination分页撰写
element的pagination分页撰写有时候后端忙的是时候没有写分页,那就只能自己写了,但也仅限于小规模数据,一旦数据量大(几百上千条),那就只能传参给后端,他不写是他的问题。分页不难,要搞懂逻辑。一般都是这个逻辑 vue里面 let url ='xxxt'; this.$axios.get(url).then(res => { let arr=[];
2021-07-20 09:10:25
66
原创 关于小程序 替换字符串中的\n
前几天后台给我传了一段含\n的字符串,喊我放到页面上。(正常情况应该是后台数据不应该这样,应该是写好标签我前端拿到直接富文本的,但临时的需要你处理还是得处理)我就用一般得string.replace(/\\n/g,''\n'')换行就行了,但是发现不起作用。后来发现要放在<text></text>标签内才气作用。小程序就是有很多不同,需注意。...
2021-07-16 10:24:54
536
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人