vue
关注
分享
扫一扫
someRian
这个作者很懒，什么都没留下…
展开
-
vue报错信息怎么看
vue项目开发过程中遇到过的报错信息怎么看？怎么解决？请看完本章节，必涨知识原创 2022-06-14 16:48:46 · 774 阅读 · 1 评论 -
element-ui报错：Uncaught (in promise) cancel
分析：出现Uncaught (in promise) cancel的原因因为this.$confirm方法内置promise方法不能去掉.catch(),没有.catch取消操作无法捕获.会报错的用法如下：控制台报错如下：正确用法如下：...原创 2020-04-22 15:24:48 · 18122 阅读 · 0 评论 -
vue.$set使用
vue.$set理解和使用理解使用理解vm.$set( target, propertyName/index, value )target：要更改的数据源（对象or数组）propertyName/index：对象里的属性or数组里的索引值value：重新赋的值使用index.vue<template> <div></div></t...原创 2020-04-07 20:39:50 · 162 阅读 · 0 评论 -
Duplicate keys detected: 'NO_WC'.This may cause an update error
遇到Duplicate keys detected报错完美解决办法报错截图分析原因完美解决遇到这种问题通常是v-for里面的key值出现重复的原因报错截图分析原因完美解决...原创 2020-04-02 17:09:45 · 175 阅读 · 0 评论 -
前端开发异步请求数据字典轻松调用
前端开发异步请求数据字典轻松调用第一步：创建公共方法第二步：注册到vue全局使用第三步：组件里调用第一步：创建公共方法首先创建公共调用数据字典方法路径：src\utils\dictionary.js（个人习惯）注意：后面会做更好的完善，现在先用着// dictionary.js/** * 字典 * @param {*} that Vue对象 */export function ...原创 2020-03-27 14:54:11 · 1824 阅读 · 0 评论 -
vue+webpack自定义指令全局导入方法
vue+webpack自定义指令全局导入方法第一步第二步第一步首先在src目录下创建一个指令模块文件夹，里面有一个index.jssrc/directives/index.js// index.jsmodule.exports = { firstDir: { inserted: function(el, binding, vm) { console.log(el); },...原创 2020-03-26 20:27:08 · 642 阅读 · 0 评论 -
vue+webpack报一堆的wannings
vue+webpack报一堆的wannings看不懂理解：路由名称重复办法：检查路由的name，把重复name改一下理解：ElCascader的change-on-select属性已经废除，使用props.checkStrictly来代替办法：使用props.checkStrictly来代替理解：检测到span属性的值应该是数字12，而不是字符串’12’办法：把span=“12”...原创 2020-03-26 14:47:09 · 289 阅读 · 0 评论 -
Vue CLI3支持的Typescript项目如何运行npm run dev启动项目
vue+typescript无法npm run dev启动项目对于用习惯了vue2的我来说，启动项目通常用的是npm run dev,然而创建vue+typescript项目无法运行这条命令启动项目，需要运行npm run serve.如果想继续使用npm run dev启动项目，在package.json中script对象新增一条"dev": “vue-cli-service serve”：...原创 2020-03-18 16:04:07 · 1547 阅读 · 0 评论 -
Vue CLI3+Typescript初始化项目
Vue CLI3+Typescript入门初始化项目环境要求创建项目环境要求1. 检查是否安装node.js运行环境//终端输入node -v2. 检查是否安装npm和cnpm包管理程序//终端输入npm -vcnpm -v // 淘宝镜像专用通道3. 检查是否安装webpack构建工具//终端输入webpack -v4. 检查是否安装Vue CLI3手脚架// ...原创 2020-03-18 14:39:19 · 1326 阅读 · 0 评论 -
前端架构之表单校验
如何轻松做表单校验？创建目录注册全局变量调用实例后台管理系统最多就是表单校验，你会发现像手机号、身份证这些校验在很多的业务功能模块里出现都要做校验，那么这时候，我们如果有一个专门的校验方法库，就可以在我们需要用的时候，直接调用即可，这样就可以避免重复写方法函数和代码冗余.创建目录首先我们在main.js同级目录下创建一个validates文件夹，表示专门存放校验方法用库。接着就在文件夹...原创 2020-03-13 12:40:03 · 200 阅读 · 0 评论 -
前端架构之i18n国际化
关于vue-i18n语言切换国际化总结安装创建i18n管理目录i18n.jslangs/index.jslangs/cn.jslangs/en.jsmain.js使用实例安装npm i vue-i18n -S创建i18n管理目录废话少说，简单粗暴解决一下，直接截图：i18n.js引入vue-i18n并注册到vue上import Vue from 'vue'import VueI...原创 2020-03-12 20:25:49 · 1492 阅读 · 0 评论 -
前端架构之element-ui
如何把element-ui加入到项目中才算可以用安装快速引入使用组件前面已经把vue+webpack项目搭建好了，想要不重复造轮子快速写页面，安装外观框架势在必行。安装npm i element-ui -S安装完成后，在项目根目录下的package.json文件里可以看到安装的版本快速引入在入口文件main.js中写入一下内容import ElementUI from 'el...原创 2020-03-12 16:05:50 · 591 阅读 · 0 评论 -
nodejs从8.x升级到10.x后启动vue-webpack项目关于node-sass报错
nodejs从8.x升级到10.x后启动vue-webpack项目关于node-sass报错Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 10.x报错如图解决办法直接把node-sass的版本升级一下即可，具体升级细节如下比较粗暴的方法就是在项目根目...原创 2020-03-12 12:16:38 · 772 阅读 · 0 评论 -
vue的watch深度监测
vue的watch深度监测场景一场景二项目做多了就会知道有很多场景会让你无法想象到官网中的api可以解决问题，所以，这一次我要把遇到的问题和场景结合知识点汇总一下目前用的最多的两个场景关于深度监测的问题。场景一vue组件出现了3个层级的嵌套：a是b的父组件，b是c的父组件问题来了：a传参给b和c一起用时，只有b受用，c这时就是个问题了，怎么办呢？首先： a传给b我们无须理会，正常处理...原创 2020-03-11 17:13:22 · 671 阅读 · 0 评论 -
前端架构之vue过滤器
文章首部添加 @[TOC](vue+webpack 过滤器)强调文本 强调文本局部/全局过滤器为啥要做全局调用，项目做多了，你会发现一个时间戳格式化处理，在很多开发功能点里都会涉及到时间，因此为了避免冗余代码和降低后期维护成本，我们就会想到做好全局调用一劳永逸。全局阶段：新建文件下面展示一些 内联代码片。module.exports = { // 过滤器实例 filterT...原创 2020-03-11 14:23:09 · 226 阅读 · 0 评论 -
前端架构之设置全局常量小妙用
vue+webpack设置全局常量小妙用新建常量文件env.jsvue调用图标和皮肤的调用为什么要设置常量？在开发vue+webpack前端项目过程中，难免会经常更页面logo，更换皮肤、更换html标题小图标、公共接口、版本号等等，总不能每次修改都要重新定位所在页面，定位在哪一行代码里修改，这个对后期的更新维护成本太高了，因此针对以上问题，就需要设置常量，那么我们就以html标题小图标设置为...原创 2020-03-10 20:24:54 · 1690 阅读 · 0 评论 -
vue+webpack图片打包出错处理办法
vue+webpack图片路径打包出错处理办法第一步第二步图片文件目录项目目录\src\assets\images\layout第一步文件路径：项目目录\build\webpack.base.conf.js配置第二步引用...原创 2020-03-10 16:03:54 · 825 阅读 · 0 评论