- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue2+vue-cli4+elementUI项目打包部署之后icon图标展示为方块,图片路径正确却不显示问题解决
vue2+vue-cli4+elementUI项目打包部署之后icon图标展示为方块,图片路径正确却不显示问题解决
2022-09-23 15:36:14
2304
原创 vue配置环境变量，通过环境变量配置devServer.proxy和axios的baseURL
vue配置环境变量，通过环境变量配置devServer.proxy和axios的baseURL
2022-09-09 16:52:20
3252
原创 vue兼容ie11（@babel/polyfill、core-js@3两种方式）
vue兼容ie11（@babel/polyfill、core-js@3两种方式）
2022-09-09 11:20:46
18034
8
原创 vue中watch监听对象中某个属性
immediate 和 handler watch 的用法有个特点，就是当值第一次绑定的时候，不会执行监听函数，只有值发生改变才会执行。如果我们需要在最初绑定值得时候也执行函数，就需要用到 immediate 属性。'currentParams.selOrgId': { handler(newV, oldV) { console.log("watch", newV, oldV) }, immediate: true} deep 深度监听 当需..
2022-04-14 13:53:44
32166
2
原创 在Node服务器中运行html文件
两个页面具有相同的协议（protocol），主机（host）和端口号（port）才是同源（即指在同一个域），当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域当出现跨域时：【1】无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB【2】无法接触非同源网页的 DOM【3】无法向非同源地址发送 AJAX 请求本地环境使用document.domain和window.location.host获取一些域名端口之类的信息都是空，请求文件
2022-03-24 15:28:03
6814
1
原创 VUE3中使用scss
1.安装scss所需要的安装包cnpm install node-sass sass-loader style-loader -S2.在vue.config.js中配置pluginOptions: { 'style-resources-loader': { preProcessor: 'scss', patterns: [] } }const { defineConfig } = require('@vue/cli-s
2022-02-25 17:48:57
10279
1
原创 vue3[Vue warn]: Component provided template option but runtime compilation is not supported in this
[Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue.原因是目前版本的vue组件提供了模板选项，但在此版本的Vue中不支持运行时编译所以需要配置运行时编译器的 Vue 构建版本在vue.config.js配置一个属性runtimeCompiler: trueconst { defineConfig } = require('@v
2022-02-25 16:17:33
2906
原创 vue2和vue3的vue-router区别
new Router 变成 createRouterVue Router 不再是一个类，而是一组函数。现在不用再写 new Router()，而是要调用 createRouter:// 以前是// import Router from 'vue-router'import { createRouter } from 'vue-router'const router = createRouter({ // ...})新的history配置取代modemode: 'hi...
2022-02-25 16:10:49
936
原创 vue3报错error Component name “Layout“ should always be multi-word vue/multi-word-component-names
vue3的Component命名规范不能为单个词，修改为多个单词
2022-02-25 14:25:31
14870
原创 局域网/内网使用webpack构建项目报错vue-cli · Failed to download repo vuejs-templateswebpack
vue-cli · Failed to download repo vuejs-templateswebpackvue-cli · Failed to download repo vuejs-templates/webpack: tunneling socket could not be established, cause=connect ETIMEDOUT公司使用内网，所以需要给npm、cnpm设置代理在创建vue项目时，可能需要翻墙，所以报错如下：解决方法：下载webpack到
2022-02-24 18:12:58
433
原创 forEach跳出、终止循环
1、forEach跳出本次循环可使用return语句跳出本次循环，执行下一次循环var arr = [1,2,3,4,5,6]arr.forEach((item) => { if (item === 3) { return } console.log(item)})将输出 1 2 4 5 6，3不会输出2、forEach终止循环forEach无法通过正常流程(如break)终止循环，但可通过抛出异常的方式实现终止循环var arr = [1,2,3,4,
2022-02-24 18:07:20
33321
2
原创 VUE-CLI不同版本共存
管理npm版本我使用的是nvm管理npm的镜像源registry使用npm registry manager管理Vue CLI版本目前没发现什么工具，Vue CLI只是用来构建项目的，只要项目构建起来电脑上没有Vue CLI也可以运行起来Vue CLI版本很多，之前电脑上安装的是旧版本的Vue CLI，现在想尝试新版本，又不想删除旧版本，就涉及了不同版本的Vue CLI共存问题。解决方案：不使用全局安装，配置环境变量1.新建一个文件夹下安装新版本的Vue CLI我新建的是VUE-CL
2022-02-24 17:21:50
1563
原创 npm报错 443（error : getaddrinfo enotfound registry.npmjs.org registry.npmjs.org:443）
为npm设置代理服务器由于公司网络为局域网。使用Node，需要通过代理来使用npm命令来为node.js安装所需的程序包。1、首先看操作系统的环境变量：HTTPS_PROXY / https_proxy / HTTP_PROXY / http_proxy注意其中带s和不带s的区别，以及大小写的区别。如果有了这些操作系统的环境变量，npm会自动使用的，或者是说默认值。2、如果没有设置环境变量，npm的可以有几个配置选项来配置代理服务器：npm config set <key&g
2022-02-24 15:58:30
7286
原创 设置display:inline-block div上下错位问题
布局时，发现左右两个div设置display：inline-block，出现上下错位问题，当里面内容为空时，错位问题消失1.同一行的行内元素对齐方式默认是底部对齐，即vertical-align：baseline2.对于内容为空的inline-block元素而言，该元素的基线就是它的margin底边缘，否则就是元素的内部最后一行内联元素的基线解决方式：1.float方式（考虑脱离流后后面元素不易控制，故不首选）2.改变vertical-align属性为vertical-align:top
2021-01-11 16:11:18
999
1
原创 vue实现鼠标拖拽事件（并解决拖拽与点击事件的冲突问题）
html部分<body><div class="new-wrapper fullPage" ref="fullPage" id="app" v-cloak> <div class="returnTop" ref="returnTop" @click="returnTop" v-show="showReturnTop" @mousedown.stop="dragMove" > </div></div>&l
2020-11-05 16:06:49
7955
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人