
记录vue
XingFang666
这个作者很懒,什么都没留下…
展开
-
vue构建脚手架项目
1、进入放我们项目的文件夹 cd vueprogram2、初始化init 一个以webpack为模板的名叫vue-demo-cnodejs的项目 vue init webpack vue-demo-cnodejs3、安装完成后,进入vue-demo-cnodejs cd vue-demo-cnodejs4、对项目进行初始安装 ...原创 2018-12-14 10:46:05 · 136 阅读 · 0 评论 -
vue+canvas 移动端手写签名,合并图片
<template> <div class="sign"> <div class="header"> <i class="el-icon-arrow-left backImg" @click="goBack"></i> <span class="title">个人签名</sp...原创 2019-07-09 11:20:02 · 4490 阅读 · 4 评论 -
记一次vue里面父组件给子组件style用props传值,以动态改变样式
子组件nothing.vue父组件list.vue原创 2019-06-14 17:21:41 · 8760 阅读 · 2 评论 -
vue proxyTable 解决本地环境跨域
在localhost环境下跑项目时,接口地址是 http://xxxx.com/cyryysl/mobileApplyStep1Save.action 这样的接口地址,我们这样直接使用会存在跨域的请求,导致接口请求不成功,我们进入 config/index.js 代码下如下配置即可。// 代理配置表,在这里可以配置特定的请求代理到对应的API接口 // 例如将'localhost...原创 2019-05-16 17:11:20 · 725 阅读 · 0 评论 -
vue中 input框 清除按钮的显示与隐藏
<input v-model="name" class="input step2-cont-ipt" required placeholder="请输入姓名" ><a class="clear" @click="clear1();return false;"></a>methods: { clear1(){ if...原创 2019-04-19 17:48:37 · 12874 阅读 · 3 评论 -
vue路由配置
1.安装npm install vue- router --save / cnpm install vue- router --save2.引入并Vue.use(VueRouter) (main.js) important VueRouter from 'vue-router' Vue.use(VueRouter)...原创 2019-02-19 15:08:35 · 126 阅读 · 0 评论 -
非父子组件传值$emit
非父子组件传值1.新建一个js文件 然后引入vue 实例化vue 最后暴露这个实例2.在要广播的地方引入刚才定义的实例3.通过VueEvent.$emit(名称,数据)传递数据4.在接收数据的地方通过$on接收广播的数据 VueEvent.$on(名称,function(data){ })...原创 2019-02-19 12:02:32 · 580 阅读 · 0 评论 -
父组件主动获取子组件的数据和方法,子组件主动获取父组件的数据和方法
1、父组件主动获取子组件的数据和方法: 1.调用子组件的时候定义一个ref <v-header ref="header"></v-header> 2.在父组件里面通过 this.$refs.header.属性 this.$refs.header.方法2、子组件主动获取父组件的数据和方法 ...原创 2019-02-19 10:20:05 · 1303 阅读 · 0 评论 -
vue父组件给子组件传值、方法、整个实例
父组件给子组件传值 1.父组件调用子组件的时候 绑定动态属性 <v-header :title='title' :homemsg='msg'></v-header> 2.在子组件里面通过 props接收父组件传过来的数据 props: ['title'] props: { ...原创 2019-02-19 10:14:06 · 117674 阅读 · 0 评论 -
vue-cli项目的权限控制
1、vue项目的前端权限控制,创建一个js文件2、将js文件引入main.js里面,一登录跳转页面之前判断session里面存的权限有没有js文件里面的,各种不同的权限跳转不同的页面。import allPermissions from '@/utils/permissionsAll'window.allPermissions = allPermissions// 路由拦...原创 2019-08-20 17:32:25 · 1263 阅读 · 0 评论