关注
分享
Distance-X
Java小白
展开
-
Vue中对后台传入的时间进行格式化处理
创建js文件export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)) } let o = { 'M+': date.getMonth() + 1, 'd+': date.getDate(), 'h+': date.getHo原创 2020-06-24 10:35:00 · 3067 阅读 · 0 评论 -
vue中input输入框的校验
校验函数yyxtsqdwdmValidate(rule, value, callback) { console.log(value) if (value) { if (!/^\d+$/.test(value)) { callback('应用系统事权单位代码只允许输入数字') } else { callback() } } else { .原创 2020-06-24 10:24:27 · 11805 阅读 · 0 评论 -
created,mounted,updated的区别
created: 此回调函数是创建组件的时候进行回调mounted:此回调函数是template加载到dom的时候回调updated:页面发生更新的时候进行回调原创 2020-03-02 09:57:12 · 2056 阅读 · 0 评论 -
vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题
出错原因路由中添加了相同的路由解决方法在src/router/index.js中重写push方法/*重写router.push方法*/const routerPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return routerPush.call(this, ...原创 2020-01-13 14:25:42 · 480 阅读 · 0 评论 -
webpack打包导入的文件时候省略后缀名设置
在webpack.config.js中加入如下代码原创 2019-12-25 17:06:14 · 2024 阅读 · 0 评论 -
webpack打包vue
首先说一下需要的loader的导入吧，其中babel-loader,bable-core,css-loader,style-loader,less-loader,url-loader(引入图片使用)的引入可以直接进入到webpack官网，复制粘贴就行vue-loader导入命令（npm install vue-loader vue-template-compiler）这是我此demo中导入的l...原创 2019-12-25 16:29:22 · 160 阅读 · 0 评论 -
vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your w
vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.查了好久最后结果是：vue-loader在15以前的版本打包时候会自动生成VueLoaderPugin，但是现在需要手动去wepack.config.js文件中去加入我标...原创 2019-12-25 15:51:06 · 512 阅读 · 0 评论 -
webstorm无法创建vue类型文件
打开setting搜索plugins然后搜索vuesettings中搜索File and Code Templates其中需要添加的模块代码<template>#[[$END$]]#</template><script>export default {name: "${COMPONENT_NAME}"}</script>...原创 2019-12-24 16:26:11 · 3067 阅读 · 0 评论 -
Module parse failed: Unexpected character '@' (1:0)
webpack4.41.2打包引入less文件时候提示如下错误最后检查原因发现是在wepack.config.js文件中少东西了原创 2019-12-23 10:57:22 · 16760 阅读 · 0 评论 -
webpack打包提示The 'mode' option has not been set, webpack will fallback to 'production' for this value
错误如下错误原因（根目录下确实package.json文件）自动生成package.json文件在此文件下中的scripts中加入如下命令 "dev": "webpack --mode development", "build": "webpack --mode production"手动在根目录下创建webpack.config.js在webpack.config.j...原创 2019-12-17 16:01:51 · 7373 阅读 · 0 评论 -
vue之数组遍历
运行结果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>高阶函数之数组练习</title> <script src="../js/vuejs-2.5.16.js"></script><...原创 2019-12-16 17:17:44 · 3938 阅读 · 0 评论 -
vue实现图书购物车案例
运行效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图书购物车案例</title> <script src="../js/vuejs-2.5.16.js"></script> <...原创 2019-12-16 17:12:54 · 1737 阅读 · 1 评论 -
vue中filter()和map()和reduce()高阶函数使用
原创 2019-12-09 14:31:50 · 974 阅读 · 0 评论 -
vue实现登录类型切换小案例
运行效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>登录类型切换</title> <script src="../js/vuejs-2.5.16.js"></script></...原创 2019-12-06 10:54:20 · 536 阅读 · 0 评论 -
vue中computed属性的复杂操作
用到的几种不同for循环写法代码片段<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/vuejs-2.5.16.js"></script...原创 2019-12-04 16:47:04 · 774 阅读 · 0 评论 -
vue实现动态列表 点击换色
效果图代码片段原创 2019-12-04 15:10:20 · 217 阅读 · 0 评论