![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Tiramisu_C
认定的事,如果不执着,就什么都没有。
展开
-
解决ivew引入的字体图标报错
将build/webpack.prod.conf.js 中的module: {rules: utils.styleLoaders({sourceMap: config.build.productionSourceMap,extract: false,usePostCSS: true})},中的extrat改为false,就可以了,这是我改过后的。原创 2017-12-25 15:19:23 · 2263 阅读 · 1 评论 -
【Vue】Vue CLI 3 使用
vue cli 3来初始化项目脚手架跟旧版本的稍微有些区别,以下是使用步骤1.Installnpm install -g @vue/cli# ORyarn global add @vue/cli2. Create a project:vue create my-project# ORvue ui3.Runnpm run serve参考官网 https://c...原创 2018-11-23 11:10:25 · 1159 阅读 · 0 评论 -
vue+element中自定义表单校验特殊字符
本次项目基于vue和element-ui,需要在前端用户输入的时候去校验输入的内容中是否含有特殊符号,如果有,则提示用户不支持输入特殊符号。校验规则方法export function checkSpecificKey(str) { var specialKey = "[`~!#$^&*()=|{}':;',\\[\\].<>/?~!#¥……&*()——|{}...原创 2018-09-22 16:07:23 · 9734 阅读 · 3 评论 -
router-link传递参数并获取
跳转链接:<router-link :to="{path:'libraryDetail/', query:{library_id:data.library_id}}">获取参数:library_id = this.$route.query.library_id;原创 2018-03-16 16:45:56 · 24041 阅读 · 0 评论 -
vue中解决v-for使用报红并出现警告问题
代码报红对于追求优美代码的强迫症患者来说看着很不舒服,报红如下:控制台中也会有:(Emitted value instead of an instance of Error) : component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key原创 2018-01-15 16:10:37 · 20818 阅读 · 0 评论 -
vue中监听路由变化
mounted(){this.currentRouterPath=window.location.pathname;},watch: {'$route' (to,from) {consolg.log("当前路由路径",this.$route.path);}}原创 2018-01-15 15:59:48 · 7154 阅读 · 1 评论 -
Nuxt.js关闭ESLint代码检查
使用Nuxt构建的项目,默认是开启了ESLint代码检查,我们写的代码格式一点点不符合规范,如空格太多等问题的时候,npm run dev就会报err不能正常运行,这对于新手来说是非常头痛的。当然,我们可以关掉ESLint,只需要在nuxt.config.js中注释掉以下:build: {/*** Run ESLint on save*/// extend原创 2017-12-29 11:31:37 · 10022 阅读 · 0 评论 -
解决iview打包时UglifyJs报错
使用npm run dev时运行是ok的,但是npm run build打包时iview报错,如下:原因是iview中使用了es6语法,然而uglifyJs是不支持的,打开我们的build/webpack.prod.conf.js文件,可以看到// UglifyJs do not support ES6+, you can also use babel-minify原创 2017-12-25 15:44:41 · 7833 阅读 · 2 评论 -
【Vue】vue父子组件通信
1. 父组件向子组件传递父组件代码<template> <div id="app"> <h1>This is Parent component</h1> <Child :parent-word='msg'></Child> </div></tem原创 2018-11-23 11:56:07 · 556 阅读 · 1 评论