- 博客(24)
- 收藏
- 关注
RSS订阅
原创 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
1623
原创 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
2599
原创 使用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
1293
原创 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
4795
原创 elementUI 在el-row 或者 el-col 上使用@click失效问题
原因：框架限制在事件后面加上修饰符.native就可以啦例子：@click.native=”aaa()”
2021-03-16 15:49:37
352
原创 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
1402
原创 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
247
原创 element ui 下拉组件的实现select option 字符串与数值的转化
select组件中options的value很多情况下是数字问题来啦！如何让v-model绑定的类型为数字？解决方案：对value做个隐式转换代码如下<el-selectv-model="listQuery.position"placeholder="请选择"class="filter-item"><el-optionv-for="(key,val)inaddOptions":key="key":value="val*1":lab...
2020-09-22 16:44:57
2248
1
原创 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
888
1
原创 展平数组的常用方法
const arr = [1, 2, 3, [4, 5, [5, 6], 7, 8], 9, [10, 11, [12]]]// 第一种方案：用现成apiconst arr1 = arr.flat(Infinity)// 第二种方案：利用join展平const arr2 = arr.join().split(',').map(Number)// 第三种方案：利用toString直接展平const arr3 = arr.toString().split(',').map(Number).
2020-08-20 09:16:18
1270
原创 git pull报Please enter a commit message to explain why this merge is necessary.
提示：请输入提交消息来解释为什么这种合并是必要的git 在pull或者合并分支的时候有时会遇到这个界面。可以不管(直接下面3,4步)，如果要输入解释的话就需要:1.按键盘字母 i 进入insert模式2.修改最上面那行黄色合并信息,可以不修改3.按键盘左上角"Esc"4.输入":wq",注意是冒号+wq,按回车键即可...
2020-08-14 14:02:22
238
原创 用正则将带标签字符串转换成标签
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
1669
原创 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
216
原创 vscode保存时自动格式化成ESLint风格
1.安装ESLint插件2.在设置--用户设置--setting.json中添加如下配置：{ "eslint.autoFixOnSave": true, "eslint.validate": [ "javascript", "javascriptreact", { "language": "html", "autoFix": tru...
2020-04-28 09:26:38
622
原创 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
7372
原创 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
1916
原创 vue-cli混合开发app在注入jsbridge.js时eslint报错
vue-cli混合开发app在注入jsbridge.js时eslint报错原因：不符合eslint规范 咋办勒，要用人家，这段改起来也麻烦！！！解决：在这段脚本中禁用eslint 即在代码开头加入 /*eslint-disable*/...
2020-04-13 14:44:05
349
原创 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
3496
原创 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
3030
原创 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
3797
转载 WEB前端自定义字体的实现方法
本文部分转自W3CPLUS 的《CSS @font-face》一、获取特殊字体：（可在各大素材网站下载）我们拿下面这种single Malta字体来说吧：要得到single Malta字体，不外乎两种途径，其一找到付费网站购买字体，其二就是到免费网站DownLoad字体。当然要给钱的这种傻事我想大家都不会做的，那我们就得到免费的地方下载，在哪有呢？我平时都是到Google Web ...
2018-11-08 18:12:42
3198
1
原创 前端实现页面公共头部 / 尾部统一加载方法
1.使用shtml格式文件实现页面嵌套（加载速度快，但是需要修改配置文件）html：< body><!--#include virtual = "common/header.html" --></ body>注意：后台配置文件中需加入相关声明：ssi on;ssi_silent_errors on;ssi_types text/s...
2018-11-08 18:04:36
2294
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人