vue
joe311
多年Web前端开发经验,对于移动端和PC端有独特的见解,曾参与过多个大中型网站的开发,比如O2O电商平台,资讯门户类网站,企业品牌类网站。熟悉Vue.js、angularjs、JavaScript、Node.js、electron等框架和前端UI框架。
展开
-
vue的.native 修饰 ,解决iview中input 无法监听enter事件
有时候,你可能想在某个组件的根元素上监听一个原生事件。可以使用.native修饰v-on。例如: 直接写成下面这样enter事件将无效 <Input type="password" v-model="password" placeholder="password" @keyup.enter="handleSubmit()"> <Icon type="ios-...原创 2018-04-27 11:46:39 · 6908 阅读 · 1 评论 -
webpack、vue添加网站头像
在 webpack.prod.config.js 文件中 引入 const HtmlWebpackPlugin = require('html-webpack-plugin'); 然后 new HtmlWebpackPlugin({ title: '花瓣工作台' + package.version, favicon: './huaban.ico', ...原创 2018-04-02 16:44:55 · 535 阅读 · 0 评论 -
vue加scoped后无法修改样式(无法修改iview UI 样式)
第一种 使用深度作用选择器,可以通过vue-loader提供的新写法vue-loader写法如下(先安装,在使用): <style scoped > .a >>> .b { /* ... */ } </style> 某些预处理器(如less)可能无法>>>正确解析。在这些情况下,您可以使用/deep/组合器 - 它是别名,&...原创 2019-06-19 11:11:19 · 1977 阅读 · 0 评论 -
Parsing error: x-invalid-end-tag,vue-cli使用iview时esline报错解决方案
修改package.json文件中eslintConfig字段 在rules中添加"vue/no-parsing-error": [2, { "x-invalid-end-tag": false }]原创 2019-07-23 16:51:24 · 2732 阅读 · 0 评论 -
vue-cli typescript 相关问题及修改
iview相关问题 问题1、iview定制主题出错 说明:less的版本问题造成,版本高于3.x,需要降低版本 操作:yarn add less @2.7.3 //安装2.7.3版本 问题2、不能使用this.$Message() 说明:$Message没有全局定义,所以不能使用 操作:修改shims-vue.d.ts文件,添加以下代码 import Vue from "v...原创 2019-07-25 15:05:39 · 650 阅读 · 0 评论 -
vue打包分离配置文件
vue-cli3.x 添加一个serverConfig.json { "AppId": "2982b7ca5a", "token": "0F33CFBA-B4E0-4A9C-A54B-2B2DABEE7B15", "baseUrl": "" } 添加一个vue.config.js文件 var GenerateAssetPlugin = require('ge...原创 2019-08-05 16:47:45 · 1959 阅读 · 0 评论 -
vuex状态管理解析及场景应用
vuex localStorage sessionStorage Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 状态管理,就是管理的全局变量。 在我们的项目中,特别是较大型的项目,会有很多参数是很多地方都会用到的, 比如,一个登录的token,很多页面都需要这个信息,当然我们可以时刻...原创 2019-08-09 10:00:14 · 1139 阅读 · 0 评论