vue
前端华仔
前端程序猿一枚
展开
-
vue warnning:Error: Maximum recursive updates exceeded. This means you have a reactive effect that i
vue warnning:Error: Maximum recursive updates exceeded. This means you have a reactive effect that is mutating...原创 2022-09-19 15:18:14 · 2435 阅读 · 1 评论 -
使用vue-cli3搭建vue2.0项目
注意:window环境下使用自带命令行 ,不要用gitbash(自定义的时候无法选择)步骤1:安装node vue-cli 略过哦...步骤2:到指定目录下,使用vuecreateproject(项目名称)创建步骤3:自定义模式选择你需要的组件3.1 default(babel,eslint):默认设置(直接enter)非常适合快速创建一个新项目的原型,没有带任何辅助功能的 npm包 Manually select features:自定义配置(按方向键 ↓)是我...原创 2021-04-24 14:35:44 · 1205 阅读 · 0 评论 -
vue3.0如何配置代理
在根目录下新建文件vue.config.js内容如下:module.exports = { devServer: { // 配置服务器代理 proxy: { "/api": { // 代理接口前缀为/apis的请求 "target": 'http://localhost:3000/', // 对应的代理地址 "secure": false, // 接受运行在https上,默认不接受 "changeOrigin": tru.原创 2021-04-02 16:35:03 · 4653 阅读 · 0 评论 -
elementUI 在el-row 或者 el-col 上使用@click失效问题
原因:框架限制在事件后面加上修饰符.native就可以啦例子:@click.native=”aaa()”原创 2021-03-16 15:49:37 · 266 阅读 · 0 评论 -
vue Object.assign导致源对象被改变
解决方案给vue加个clone方法Vue.prototype.clone = function (o) { if (!o) return '' return JSON.parse(JSON.stringify(o))}然后引用let newObject=Object.assign({}, this.clone(odject1), object2)原创 2021-02-27 10:43:18 · 1310 阅读 · 0 评论 -
vue2.X代码优化
1.异步加载路由通过const Login = (resolve) => require(['view/login'], resolve) 方式进行路由的懒加载。虽然const Index = () => import('@/view/index') 这种方式也能减少打包体积,但是好像效果不是很明显2.去掉.map文件Vue项目打包以后,会出现很多的已.map结尾的文件,这个文件其实主要是用来追踪错误的。如果运行有问题,能提示你代码第几行有问题。在生产环境中很明显这个是...原创 2020-12-14 17:06:29 · 185 阅读 · 0 评论 -
vue项目element打包项目、图标无法显示
原因:版本升级解决方案:找到项目文件build/webpack.prod.conf.js将参数extract: false上代码module: { rules: utils.styleLoaders({ sourceMap: config.build.productionSourceMap, extract: false,//这里改为false即可 usePostCSS: true }) },...原创 2020-09-03 16:46:40 · 797 阅读 · 1 评论 -
用正则将带标签字符串转换成标签
1.后端同事给到数据"<p><img src=\"https://cbu01.alicdn.com/img/ibank/2019/837/044/12219440738_1848546139.400x400.jpg\" alt=\"0\" width=\"750\" /><img src=\"https://cbu01.alicdn.com/img/ibank/...原创 2020-05-07 17:02:12 · 1579 阅读 · 0 评论 -
VS Code快速创建vue模板(基于sass)
1.设置---用户代码片段---输入vue.json--enter--进入编辑页面2.vue.json代码如下(基于sass){ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>$0</div>", "</template...原创 2020-04-28 09:44:35 · 181 阅读 · 0 评论 -
vscode保存时自动格式化成ESLint风格
1.安装ESLint插件2.在设置--用户设置--setting.json中添加如下配置:{ "eslint.autoFixOnSave": true, "eslint.validate": [ "javascript", "javascriptreact", { "language": "html", "autoFix": tru...原创 2020-04-28 09:26:38 · 582 阅读 · 0 评论 -
vue实现超过两行显示展开收起
vue实现超过两行显示展开收起具体代码如下:<template> <div> <div class="group"> <div class="text more" ref="more"> 占位 </div> <div class="list" v-for="(...原创 2020-04-21 18:11:00 · 7052 阅读 · 0 评论 -
windows下实现vue项目定时打包(执行npm run build)
需求说明:windows下实现vue项目定时打包实现步骤:新建一个文本文档run.txt 复制以下代码到run.txt文件中 更改文件后缀txt为bat,双击启动@echo off set INTERVAL=3600:Again echo start servertaskkill /f /t /im demo.exeC:cd C:\Users\Denison...原创 2020-04-16 13:41:36 · 1504 阅读 · 0 评论 -
vue动态添加class类名(通过控制boolean值来决定是否添加class类名)
<div class="item" :class="{'active':active}" v-for="(item, index) in contents" :key="index" > data () { return { active: false} },原创 2020-04-13 18:42:18 · 1808 阅读 · 0 评论 -
vue-cli混合开发app在注入jsbridge.js时eslint报错
vue-cli混合开发app在注入jsbridge.js时eslint报错原因:不符合eslint规范 咋办勒,要用人家,这段改起来也麻烦!!!解决:在这段脚本中禁用eslint 即在代码开头加入 /*eslint-disable*/...原创 2020-04-13 14:44:05 · 300 阅读 · 0 评论 -
Vue项目配置在局域网下访问
1.vue配置a.vue cli2.0配置如下b.vue cli3.0不需要配置即可访问2.如果上述配置无法访问则配置以下需要配置一下电脑的防火墙,把所需的端口(如:8080)打开。设置方法如下:2.1 Windows 10 ,搜索“控制面板”,打开,Windows 7 可以直接在开始菜单打开。2.2 点击“Windows Defender防火墙”——“高级设置...原创 2020-04-10 10:52:17 · 3298 阅读 · 0 评论 -
vue报错:Do not use built-in or reserved HTML elements as component id: table
原因:组件,不能和html标签重复由于在模板需要插入到 DOM 中,所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况: 一是完全不合法的标签名,例如 </>; 二是与 HTML 元素重名会产生不确定的行为,例如使用 input 做组件名不会解析到自定义组件,使用 button 在 Chrome 上正常但在 IE 上不正常; 三是与 Vu...原创 2020-04-08 15:38:19 · 2743 阅读 · 0 评论 -
vue路由太多如何管理
转载地址https://segmentfault.com/q/1010000014959830原创 2020-04-07 10:23:17 · 1521 阅读 · 0 评论 -
vue路由未匹配到路由跳转到指定404页面的两种常见方法
方法一:通过vue-router重定向实现在src/router/index.js中方法二:通过导航守卫实现在src/router/index.js中importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom'@/components/HelloWorld'......原创 2020-04-07 10:05:09 · 3548 阅读 · 0 评论