- 博客(28)
- 收藏
- 关注
RSS订阅原创 ant design vue Modal.confirm无法关闭的问题
使用ant design vue3.2.20版本的modal.confirm来生成提示框，但是无论是@ok还是@cancel都无法正常关闭提示框。甚至使用 Modal.destroyAll()都无法将其关闭，控制台也没报错。解决办法：当前vue版本是3.4.x，将版本降低至3.2.x，就可以正常将confirm关闭。
2024-01-18 15:39:04
3733
9
原创 Nginx本地启动前端Vue项目
nginx -c filename #设置配置文件(默认是:/etc/nginx/nginx.conf)nginx -s reload #重新加载Nginx配置文件，然后以优雅的方式重启Nginx。nginx -p prefix #设置前缀路径(默认是:/usr/share/nginx/)nginx -s quit #优雅地停止Nginx服务（即处理完所有请求后再停止服务）nginx -s stop #强制停止Nginx服务。nginx -s reopen #重启Nginx。,-h #打开帮助信息。
2023-06-08 17:06:32
1315
原创 exports , module.exports , export , export default 导出引入的区别和注意点
vue项目中导出导入的一些规范
2022-07-06 10:44:49
596
3
原创 wang editor Vue使用 + 使用自己方法上传图片
首先附上wang editor的npm地址 :https://www.npmjs.com/package/vue-wangeditor使用手册 :https://www.kancloud.cn/wangfupeng/wangeditor3/332599建议详看使用手册,所有你需要的东西,他都有写到1. cnpm下载并引用(不再赘述)2. 在mounted中进行配置:const editor = new WangEditor("#demo1"); // 配置 onch...
2021-07-28 17:55:05
1999
原创 vue图片预览插件v-viewer不完全使用手册 upload组件配合viewer使用
先附上v-viewer的官方中文文档viewer文档安装: cnpm i v-viewer引入: import 'viewerjs/dist/viewer.css' import Viewer from 'v-viewer' import Vue from 'vue' Vue.use(Viewer)这篇文章只介绍两种使用方法:指令形式调用 和 组件形式调用1.指令形式调用<div class="images" v-viewe...
2021-04-20 11:04:52
2119
1
原创 vue项目 利用elementui 上传视频获取视频的宽高大小等信息
1.饿了么的上传组件 <el-upload>,监听他的变化on-change <el-upload :on-change="uploadVideoChange" > <el-button size="small" type="primary"> <i class="el-icon-upload" /&...
2020-12-01 15:41:38
4825
原创 移动端项目中vConsole插件的安装和使用
前端人在做移动端项目的时候,是最痛苦的,我们需要重复的发版,利用超多的console.log("123")来定位bug的位置.直到碰到了vconsole插件,这才让移动端的问题迎刃而解1.安装vconsolecnpm install vconsole2.在main.js中引入vconsole插件const VConsole = require("./utils/vconsole");3.引入之后将项目打包发到线上,就可以在页面上看到右下角有一个绿色的vconsole按钮,点击之后,可以
2020-11-30 17:42:44
2048
原创 vue项目打包webpack项目打包避免源码泄露的方法
我们正常通过webpack来打包vue项目,放到线上的项目是可以通过F12控制台的source来直接获取到前端项目源码的.如果项目有需求不能泄露源码,或者你不想让别人看到你的源码,可以直接在项目路径下config/index.js中进行这样的修改:build:{ productionSourceMap: false,//默认都是true,将其置为false}这样改好之后再进行cnpm run build 或者 yarn build打包,打包之后放到线上,我们再去source中就找不到源码
2020-11-30 17:32:55
4417
原创 vue项目全局判断axios请求,根据返回的code做后续操作
1.main.js中引入axios//引入axiosimport axios from 'axios'Vue.prototype.$axios = axios2.在axios请求返回中进行拦截判断axios.interceptors.response.use(data => { let code = data.data.code; if (code == "4001") { doSomething.. }else if(code == "4002"){
2020-11-30 17:28:29
1875
1
原创 vue项目全局拦截axios请求并挂载loading
在vue项目中的main.js进行全局的操作.1.从elementui中引入loadingimport { Loading } from 'element-ui'; //项目已经全局引入element的话可以不单独引入Vue.use(ElementUI)2.定义变量let loading = null //定义loading变量function startLoading() { //使用Element loading-start 方法 loading = Loading.
2020-11-30 17:21:31
424
原创 svn更新/提交代码提示错误 , 进行清理下“破除写锁操作“
1.如果svn提交或者更新代码有--进行清理下"破除写锁操作"--此提示,一般情况下右键,然后选择进行确定就可以2.如果还不行的话,在项目下的 .svn 文件夹里面新建文件夹,命名为tmp,然后重新更新,提交,就会发现问题解决了...
2020-11-11 10:39:09
2280
原创 使用iframe标签,postMessage方法实现两个页面之间的数据传输
vue项目1.主动加载iframe标签,传递数据的页面<template> <div class="frameclass"> <iframe :src="url" ref="monitor" frameborder="0" @load="loadData"></iframe> </div></template>export default { data() { return {
2020-10-30 17:21:50
557
2
原创 vue项目打包后页面出现空白,css / js 文件访问不到
打包前在本地跑起来都没什么问题,但是打包之后dist扔到线上就访问不到,显示空白,有的css / js文件还显示404,访问不到.首先,确认你的访问路径是对的其次,将项目中config/index.js中默认生成的assetsPublicPath只有/ , 前面加个 . 就好了...
2020-10-29 18:08:43
2895
2
原创 vue实现可编辑的elementui表格
以上为效果图以下为代码<el-table :data="firstTagList" stripe :header-cell-style="{ background: '#eef1f6', color: '#606266' }" @cell-click="getSecondTag" > <el-table-column header-a...
2020-10-28 16:22:01
703
原创 JS删除对象某个属性 vue
delete操作符用于删除对象的某个属性；如果没有指向这个属性的引用，那它最终会被释放。 let item = { name: "1", age: "18", }; console.log(item); //{name: "1", age: "18"} delete item.age; console.log(item); //{name: "1"}...
2020-10-28 16:08:13
1068
原创 实现Vue 电脑端 PC端 鼠标拖拽横向移动 & 鼠标事件mousedown mouseup mousemove和单击事件click冲突问题& 盒模型冲撞取消拖拽状态问题
<1>.已实现功能1.PC端Vue项目(或html)实现鼠标左右拖拽盒子滑动2.同一盒子上鼠标移入移出事件和单击事件click冲突问题3.子盒子移动,如何让边界不超出父盒子边界?注意: 本文主要涉及到PC端鼠标横向拖拽问题的解决,移动端的解决方案很多,请详见其他文章,不在这里赘述.<2>.代码及原理需求描述:横向有一个菜单栏, 菜单tab过多,让他实现左右可以拖拽滑动我们设置一个大盒子grand, 然后是父盒子parent和子盒子child. 其中gran
2020-07-30 11:16:09
4921
1
原创 解决element-ui对话框el-dialog初始化的校验问题
不刷新页面重新打开el-dialog时，如果我们绑定了rules或者某个值需要required，它总会自动校验。查看了多个博文，发现常用的有两种解决方法(下列方法都可以在其他博文查看，不再细写，如有需要请自行查询)：1.给dialog套上v-if ；2.在关闭dialog时,监听关闭回调,清除校验。我在自己的项目里使用了上述两种方法，都不太好用，自己琢磨出了另一种方法：<el-dialog @open="openDialog()"></el-dialog>
2020-06-17 17:23:11
2591
2
原创 vue打包报错: This is probably not a problem with npm. There is likely additional logging output above.
使用vue开发,npm run build 或者cnpm run build 出现报错:Thisisprobablynotaproblemwithnpm.Thereislikelyadditionalloggingoutputabove.前提:1,检查你的代码确实没有问题, 比如 : router.js书写没问题, config/idnex.js 里面的没问题,其他页面引入组件或者静态资源都没问题.2,别人那里可以成功打包,而唯独自己的不能成功打包解决办...
2020-06-15 16:37:24
1656
原创 Vue组件:做一个表情输入键盘
用H5写一个表情键盘,真的很麻烦,在Vue项目中,更麻烦,调试的过程太痛苦了,不过我在之前的一篇博文里,谈到了如何在移动端进行调试,欢迎大家交流,互相学习.--------------------------正文-----------------------------整体思路: ①在一个评论组件comment.vue中嵌套一个表情键盘组件emoji.vue ②如何获取到键...
2018-10-19 13:58:25
3052
6
原创 如何在移动端测试Vue项目?
第一步,打开cmd,输入ipconfig 我们获取到方框内的端口号,比如 xx.xx.x.xxx我们打开项目中的config/index.js ,将这个替换其中的host比如我们之前需要的是localhost:8888/news.html那么我们将服务运行起来之后,就变成了 xx.xx.x.xxx:8888/news.html如果你觉得在手机浏览器上手动输入很麻烦,那么...
2018-10-19 11:10:40
812
原创 项目中引入JS文件中的方法
在单个的Vue文件中,写入一些体积比较大的方法,显得很累赘,就把这些放到一个JS中,然后再引入引入的过程中出现了一些小问题,比如我们在 src/publicMethod/tool.js中,写入了一个方法//声明一个方法function test(){ ...}//将其暴露出去export { test}然后在一个Vue中,我们引入import {te...
2018-10-18 10:41:28
1997
原创 Vue项目中解决axios请求跨域问题(第三方接口)
先引入axios在命令行输入 npm i axios 然后再引入 import axios from 'axios' 这里不再赘述首先明确自己的api接口,比如我的是 http://testapi.tvm.com.cn/some/getsome先去config/index.js中找到proxyTable//如果你用vue-cli初始化一个项目,一般proxyTable中...
2018-10-17 12:01:45
4933
1
原创 Vue私有组件注册的问题(组件中嵌套组件)
我们先声明两个组件对象let a-component={ template:` <h1> A组件 </h1> `}let b-component={ template:` <h1> B组件 </h1> `}然后我们new 一个Vue实例new Vue({ ...
2018-10-11 17:34:50
1077
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人