
vueJs
m_uncle
记录该记录的
展开
-
mac电脑vue+node+nginx本地部署解决跨域问题
使用vue-cli新建一个vue项目弄个测试的页面调用接口打包好使用http-serve将这个打包的vue项目在本地跑起来使用http://192.168.43.100:8080能打开页面就没有问题了没有处理的时候点击会出现跨域然后新建一个文件夹server使用终端cd到这个文件夹,安装cnpm install express然后新建server.js,写出下面的代码使用终端cd到server文件夹,使用node server.js命令跑下...原创 2022-01-25 17:30:59 · 1257 阅读 · 0 评论 -
若依前后分离,报错 Error: Cannot find module ‘@/views/system/user/index
问题: 若依分离版下前端打包部署到服务器上路由切换不了解决:在 /src/store/modules/permission.js中找到loadView将return () => import(`@/views/${view}`)替换成:return (resolve) => require([`@/views/${view}`], resolve)...原创 2021-12-28 15:08:52 · 2386 阅读 · 1 评论 -
vue项目中使用element中的el-form,可能会报错Cannot read properties of undefined (reading ‘indexOf’)
报错Cannot read properties of undefined (reading ‘indexOf’)原创 2021-12-23 11:41:59 · 4579 阅读 · 0 评论 -
vue3.0引入ant-design-vue报错
1、npm i --save ant-design-vue2、3、报错:"export 'default' (imported as 'Vue') was not found in 'vue'4、在当前目录下跑npm i --save ant-design-vue@next , 然后重新跑下项目就可以了原创 2021-02-04 15:49:29 · 2701 阅读 · 0 评论 -
Mac下vue-cli的全局安装和卸载
查看版本:vue -V确定是否安装2.0版本升级卸载:1. 首先需要开放用户权限:sudo chmod -R 777 /usr/local/lib/node_modules/2. 卸载2.0版本npm uninstall vue-cli -g3. vue -V 确定卸载完成4. 安装3.0版本npm install -g @vue/cli...原创 2021-02-03 16:30:03 · 2279 阅读 · 0 评论 -
iview 日期范围选择校验
如果时选择单个的日期,正常的写法没有问题,但是type='daterange'选择时间范围的校验就会出现问题了,解决的办法:原创 2019-01-04 19:59:52 · 3089 阅读 · 1 评论 -
vue跨域代理的设置
假如你要用的接口是:http://jspang.com/DemoApi/oftenGoods.php第一步:找到config文件夹中的index.js设置pxoxyTabledev: { proxyTable: { '/api': { target: 'http://jspang.com/', // 设置你调用的接口域名 changeOrigin: true, /...原创 2018-06-19 15:46:15 · 3118 阅读 · 2 评论 -
vue的生命周期详解
直接上代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vue生命周期</title> </head> <body> <div id="app"&g原创 2018-05-24 20:26:29 · 404 阅读 · 0 评论 -
vscode 新建vue模板步骤
第一步 安装VueHelper扩展,安装后重启一下vscode第二步 打开用户代码片段 文件 → 首选项 → 用户代码片段 → 在搜索框输入vue选择‘vue’第三步 复制粘贴以下代码{ "Print to console": { "prefix": "vue", "body": [ "<template>",原创 2018-05-24 00:38:50 · 7081 阅读 · 1 评论 -
vue-cli中less的使用
第一步 安装less和less-loader,命令如下 npm install less less-loader --sava-dev第二步 安装成功之后,打开build/webpack.base.conf.js,在module.exports = 的对象中添加如下代码 module.exports = { module: { rules: [ ...原创 2018-05-23 23:17:04 · 807 阅读 · 0 评论 -
vue watch的使用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script src="https://cdn.jsdelivr.ne原创 2018-06-11 14:36:53 · 1528 阅读 · 0 评论 -
Vue.js移动端左滑demo和JS事件监听手机屏幕触摸事件 Touch
**Vue.js移动端左滑demo和JS事件监听手机屏幕触摸事件 Touch** 这是一个用vue.js写的一个仿滑动解锁的demo,和对Touch的一些理解以下是四种touch事件touchstart: //手指放到屏幕上时触发touchmove: //手指在屏幕上滑动式触发touchend: //手指离开屏幕时触发touchcancel: //系统取消t原创 2017-09-28 23:24:28 · 20909 阅读 · 0 评论