Vue
shirukai
路漫漫其修远兮
展开
-
子组件向父组件通信的两种方式
方法一:$emit子组件methods:{ onClickMe:function (){ this.$emit('functionName',Data)}//functionName为父组件里要绑定的方法,data为向父组件传递的数据父组件<compinent-a v-on:functionName="listenToMyBoy"></co...原创 2018-06-22 10:22:42 · 3485 阅读 · 0 评论 -
利用vue-router来控制用户登录权限
原理用vue-router来控制用户登录权限的原理,实际上就是应用了vue-router提供的router.beforeEach来注册一个全局钩子。具体用法根据判断是否具有登录权限来设置路由跳转,如果没有全选统一跳转到登录页面。第一步:新建一个名字为permission的js文件,代码如下import router from './router'import NProgr...原创 2018-06-23 10:39:28 · 11440 阅读 · 0 评论 -
在vue里引入element-ui
在vue里引入element-ui一、安装element-ui在项目路径下安装element-ui,运行命令:npm install element-ui -s二、项目导入 element-ui修改main.js文件import ElementUI from 'element-ui'import 'element-ui/lib/theme-default/...原创 2018-06-22 10:23:01 · 5257 阅读 · 0 评论 -
在vue里引入jquery
在vue里引入jquery一、npm安装jquery在项目文件目录下运行如下命令,安装jquerynpm install jquery二、配置webpack修改build/webpack.base.conf.js文件在开头加入一行代码 var webpack=require("webpack")然后在这个文件中的module.exports添加如下代...原创 2018-06-22 10:22:51 · 249 阅读 · 0 评论 -
Vue添加第三方iconfont图标库
Vue添加第三方iconfont图标库一、图标包制作我们需要到iconfont选择图标,然后下载到本地。iconfont官网:http://www.iconfont.cn/下面以导入官方提供的【AIS产品图标库】为例1.登录到iconfont2.选择图标库在导航栏点击【图标库】然后选择【官方图标库】这时候我们会看到官方图标库,我们找到【AIS产品...原创 2018-07-26 18:26:20 · 11257 阅读 · 1 评论