- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue3+TypeScript+vite项目运行正常，打包错误问题
我从src开始替换,打包成功,确实是src的界面编译的问题,犹豫尝试了很久,痛定思痛,一步步替换文件了,还好src/view中的文件夹我挨个替换之后,发现了替换其中一个文件打包之后出现了 unexpected token问题,打开文件夹里的界面进行对比,发现。1.查到是多语言文件这里出了问题,看的出来,这样的多语言翻译值确实有点复杂,引号较多为了优先解决打包问题,只能先注释掉这里了,修改之后又可了,接着替换,结果慢慢好转了,其中一个文件夹替换打包之后会提示具体某段代码问题了。
2023-10-11 13:50:34
1503
1
原创 vue引用高德地图电子围栏功能
原因:1.每次初始化数据时,都会再在地图上渲染一遍图层,而且每删除或编辑新增一个电子围栏的时候,都会初始化一个图层,所以一个电子围栏可能覆盖了很多图层,但是删除围栏的时候只是删掉了一个最新的图层,然后初始化之后就又会覆盖一层,所以初始化渲染围栏时要先把旧的图层清掉。// console.info("end修改后的经纬度：", polygon.getPath());// console.log('覆盖物对象绘制完成各个点的坐标', paths, event);
2023-05-10 15:51:49
1874
原创 vue 表单内图片提交两个接口异步上传和提交组件封装+解决图片回显问题
/ defaultList:默认列表数据,flag:同一个页面多次用组件时,用来判断数据归属字段,uploadList:上传列表数据。-- 该组件只用到了iview-upload组件的beforeUpload功能,this.$Message.info("最多只能上传五张照片!默认列表展示和上传列表展示重新编译判断,关闭了组件自带的列表展示功能 -->-- 该组件适用于文件上传和表单上传接口分离的情况下 -->// 删除照片(上传列表)// 删除照片(默认列表)
2023-03-29 23:25:55
452
原创 vue+iview,table中调用input聚焦undefined问题
vue将你对data的更 改放到watcher的一个对列中（异步），只有在当前任务空闲时才会去执行watcher队列任务。nextTick是一个异步事件,他也会把这个事件放到一个队列当中，异步事件是不会立即执行的代码，会被js处理器放到一个队列里，按照队列的顺序优先级等一个个按次序执行，新添加的事件都会放在队列末尾。所以，当第一个也就是data的修改执行渲染在页面之后，这个时候执行nextTick,就可以获取到dom了.setTimeout同理。聚焦方式:this.$refs.input.focus()
2023-03-28 11:15:30
449
原创 vue iview upload组件上传文件,show-upload-list:true配合form,modal使用
（3）方法：play()，pause() controls：向用户显示音频控件（播放/暂停/进度条/音量）// 组件初始化完成后要给upload的fileList一个数组容器,否则,上传文件后,组件将无法在页面默认展示上传列表。// 弹框关闭时清空所有组件信息,否则再次点开弹框时,因为vue的双向绑定,会展示上次表单数据。// 由于弹框关闭时,上传upload的fileList被清空了,灵魂再次无法安放了,-- 删除按钮,点击上传文件对象清空,可以重新上传 -->//切记,一定要给组件数据容器。
2023-03-03 23:11:11
690
原创 iview upload 关闭自带列表展示和仅用beforeUpload事件
/ defaultList:默认列表数据,flag:同一个页面多次用组件时,用来判断数据归属字段,uploadList:上传列表数据。-- 该组件只用到了iview-upload组件的beforeUpload功能,默认列表展示和上传列表展示重新编译判断,关闭了组件自带的列表展示功能 -->-- 该组件适用于文件上传和表单上传接口分离的情况下 -->//阻止图片继续上传，使得form表单提交时统一上传。("最多只能上传五张照片!// 删除照片(上传列表)// 删除照片(默认列表)
2023-03-03 22:50:26
263
转载 vue 项目通过 npm run build 打包以后页面找不到内容
顾名思义这是一个路径问题！！！！！当项目build后打开dist/index.html你会发现页面什么都没有（空白页），查看页面console惊奇的发现一片红更改点一：此时你需要查看你的配置文件webpack.config.js(vue.config.js) 是否配置了publicPath:'./',module.exports = {publicPath: './', // 执行 npm run build 统一配置路径}再次打包index.html 就..
2022-03-20 13:32:18
4230
1
转载 vue自定义指令实现阻止鼠标滚轮改变type=“number“时的数值
import Vue from 'vue'// 阻止type="number"鼠标滚动改变数值Vue.directive( 'stopNumberMousewheel', { inserted: function ( el ) { const ele = el.tagName === 'INPUT' ? el : el.querySelector( 'input' ) ele.addEventListener( "mousewheel", () => { ele.b...
2022-02-24 11:27:32
456
原创 vue 前端 发送验证码按钮倒计时
<FormItem prop="verificationCode" class="verification_code"> <Input type="number" v-model="formFind.verificationCode" placeholder="请输入短信验证码" size="large" ...
2022-02-11 15:28:59
1023
原创 接口只返回response没有状态码时,响应拦截器处理
// 响应拦截器// response interceptorservice.interceptors.response.use( /** * If you want to get http information such as headers or status * Please return response => response */ /** * Determine the request status by custom code...
2022-01-12 16:19:38
930
原创 vue 实现刷新当前页面功能
1.定义一个变量data() { return { msg: true };2.<router-view v-if="msg" />3. methods: { reload() { this.msg = false; this.$nextTick(() => { this.msg = true; }); } }4.export defa...
2021-12-22 11:23:38
129
原创 当input type=“number“时,去掉尾部小图标
//1.通用情况input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"]{ -moz-appearance: textfield; }2.vue+element时.class /deep/ .a input::-webkit-outer-spin-butt...
2021-12-08 17:03:30
595
原创 vue element iview 不调用接口图片展示等功能的实现
1.vue-element-upload 在不调用接口的情况下实现图片上传列表的展示,预览与删除<el-upload ref="upload" action="#" :on-change="fileChange" :limit="1" list-type="picture-card" :auto-upload="false" ...
2021-12-06 15:23:59
916
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人