- 博客(41)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue打包后数据在ie中不显示
1，安装babel-polyfill（低版本不支持es6）cnpm install --save-dev babel-polyfill2，打开webpack.base.conf.js引入它 require(‘babel-polyfill’)const path = require('path')const utils = require('./utils')const config ...
2019-01-25 15:46:18
821
原创 vue路由守卫内获取实例
由于路由守卫是一个回调函数，this是不指向实例的，如下vm为实例 beforeRouteEnter:(to,from,next)=>{ next((vm) => { var data=vm.$store.state.user if(data===""||data===undefined||data===null){...
2019-01-23 09:53:01
3926
2
原创 angular在ie中不显示
1找到项目中polyfill.ts文件将import前的注释去掉// import 'core-js/es6/symbol';// import 'core-js/es6/object';// import 'core-js/es6/function';// import 'core-js/es6/parse-int';// import 'core-js/es6/parse-floa...
2019-01-15 14:41:38
1675
原创 vue简单封装axios为通用方法
建立一个js文件https.js引入axios和qsimport axios from 'axios';import $qs from 'qs'配置个地址以后只需传入地址后缀即可地址默认为以下地址axios.defaults.baseURL ='https://www.easy-mock.com/mock';拦截器上面这个是请求拦截器，请求之前处理，下面这个是响应后的拦截器，响应后...
2019-01-08 15:58:41
4082
原创 vue使用prop可以渲染但是打印台报错问题
vue属性传递时有时会报下述错误vue.esm.js?f959:610 [Vue warn]: Error in render: "TypeError: Cannot read property 'RegistrationAuthority' of undefined"found in---> <DialogHistory> at src/components/tool...
2019-01-08 15:42:24
894
原创 对于vue请求使用post后台只有key没有value
this.axios( { url:'https://www.easy-mock.com/mock/5c2dc796c8bc2e49abfeaa30/nurse/detailed_infor', method: 'post', data: {"key":"值"}, ...
2019-01-04 16:58:18
1315
原创 vue使用axios不能赋值问题
举例在钩子函数mounted中 mounted(){ //由于this在回调函数中指向不同并非是vue实例所以先赋值给_this var _this=this this.axios.post('https://www.easy-mock.com/mock/5c2dc796c8bc2e49abfeaa30/nurse/nurse_infor') ...
2019-01-04 16:11:52
4539
1
原创 div设置百分比高度不起作用
1.首先检查父元素高度是否正常父元素必须是height属性，min-height是不管用的，2. 检查父元素是否是flex布局flex元素不管用
2019-01-03 10:56:22
4018
原创 ng-content使用
ng-content内容映射指的是在组件中嵌入模板代码，方便定制可复用的组件1、父组件在子组件中加入模版<app-viewc> <div> 模板文件 </div></app-viewc>div的内容将被显示在子组件中ng-content中<ng-content></ng-content>2、se...
2018-09-27 13:31:11
3571
原创 @ViewChild()使用
1、子组件加入个方法methods(val){ console.log('值为'+val) }2、为父组件中的子组件加入变量<app-viewc #View1></app-viewc><app-viewc #View2></app-viewc>3、父组件控制台//引入import { Component, OnInit ...
2018-09-27 11:35:11
16923
2
原创 angular组件生命周期
1、ngOnChanges：在ngOnInit之前， 当数据绑定输入属性的值发生变化时调用。 并且有一个SimpleChanges类型的参数，它其实是一个类型为SimpleChange，并且键值为属性名的数组:2、ngOnInit：在第一次ngOnChanges之后。3、ngDoCheck：每次Angular变化检测时。4、ngAfterContentInit：在组件使用 ng-conten...
2018-09-21 15:43:14
2013
原创 angular管道
管道的使用1、花括号的形式{{ 输入数据 | 管道 : 管道参数 }}2、属性的形式<input type="text" [value]="val | date"/>3、指令的形式<li *ngFor="let item of items | 管道 : 管道参数">{{item.name}}</li>内置管道管道名用途d..
2018-09-21 14:27:12
1046
原创 angular响应式编程
angular依赖一个rxjs的响应式编程的包，所以可以在angular中使用rxjs的所有功能。响应式编程包括：可观察者Observable（流）：表示一组值或者事件的集合观察者Observer：一个回调函数的集合，它知道怎样去监听被Observable发送的值订阅Subscription：表示一个可观察对象，主要用于取消注册操作符Operators：纯粹的函数，使开发者可以以函数...
2018-09-20 15:56:01
512
原创 angular的几种依赖注入方式
1、useClass提供器的一种写法是这样的providers: [...Service...],其完全写法为providers: [{provide:Service,useClass:Service}],provide提供token而实际使用的服务为useClass声明的服务，下面这种providers: [{provide:Service,useClass:anotherSer...
2018-09-19 11:14:00
3135
原创 vue路由编程导航
1，路由历史加入个方法goback<button @click="goback">后退</button>设置方法<script>export default { name: 'app', methods:{ goback(){ this.$router.go(-1); } }}</script>...
2018-09-18 15:19:29
228
原创 vue路由守卫
可以在路由文件中设置，这个是进入路由前的守卫 { path: '/hookRouter', name: 'hookRouter', component: hookRouter, beforeEnter:(to,from,next)=>{ console.log('准备进入路由守卫模板'); console.log(t...
2018-09-18 15:09:50
1822
原创 vue路由动画
为路由插座router-view添加transition标签， name为css中的前缀，下面会提到 <transition name="fade"> <router-view ></router-view> </transition>css中的写法，fade就是上方提到的name .fade-enter { opaci...
2018-09-18 14:56:01
618
原创 vue附属路由
为router-view标签添加name <router-view></router-view> <router-view name="left"></router-view> <router-view name="right"></router-view>路由文件修改compon
2018-09-18 14:11:20
123
原创 vue路由传参数
一、用name传递参数根据路由文件中的name属性，获取name的值 routes: [ { path: '/', name: 'Hello', component: Hello } ]模板中接收可以写在router-view同一级 ，当作路由检测地址&lt;p&gt;{{ $route.name}}&lt;/p&gt;二、通过 标签中的to传参...
2018-09-18 12:00:23
321
原创 vue路由
1、安装如果是使用vue-cli安装的，可以在开始设置的时候安装router时设置yes，如果没有则使用npm安装npm install vue-router --save-dev路由文件（如果使用cli安装自动生成） import Vue from 'vue' //引入Vue import Router from 'vue-router' //引入vue-router ...
2018-09-18 10:45:55
158
原创 vuex访问状态对象
state公用的数据都写在这里面const state={ count:1}在组件中获取使用时可以通过三种方式 组件中引入辅助函数（当然先引入store.js，下面引入就不提了）import { mapState } from 'vuex'第一种通过计算属性computed: { count () { return this.$sto...
2018-09-14 15:10:21
288
原创 - Component template should contain exactly one root element. If you are using v-if on multiple el
vue报错 - Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.@ ./src/components/index.vue 11:0-399 @ ./src...
2018-09-13 13:59:12
553
转载 webstorm永久激活
最近jetbrains公司更新软件总是特别的快，很多私人搭建的server服务也失效了，现出一个能够永久破解的方法，非常简单，只需要2步就完成。&nbsp; &nbsp;&nbsp;第一步&nbsp;复制下方activat...
2018-09-06 10:25:33
4025
原创 vue-cli组件等命名
vue-cli命名不当可能会出现类似下面的错误，主要为命名是一些关键词，如一些html标签名等， 在对组件命名或是组件内部name命名，或是路由命名时尽量不要出现vue.esm.js?22f2:591 [Vue warn]: Do not use built-in or reserved HTML elements as component id: form...
2018-09-03 16:09:53
710
原创 return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode); angular打包报错
angular打包报错提示找不到pack.json return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode) 一般为使用cnpm安装报错具体原因不详采用npm安装解决
2018-08-31 17:34:34
3081
原创 vue使用bootstrap
1、安装jquery npm install jquery –save-dev打开build文件夹下的webpack.base.conf.js 头部添加代码：const webpack = require("webpack");module.exports 中添加代码plugins: [ new webpack.ProvidePlugin({ $...
2018-08-30 14:53:43
2361
原创 transition属性
利用hover渐变，hover前后如果都是渐变则在hover前的css添加属性transition：#test{transition:all 1s;background:red;width:10px}#test{width:100px}如果仅在hover时有渐变，hover后瞬间回到初始状态则在hover时加入transition：#test{background:...
2018-08-29 17:30:36
866
原创 vue-cli安装
1、安装nodenode下载地址：http://nodejs.cn/download/ node安装完成后会自带npm，vue-cli通过npm安装 安装完成后输入 node -v 查看node版本 查看npm版本，输入npm-v 2、安装vue-cli全局安装vue npm install vue-cli -g安装完成输入vue -V查看版本（这里V大写）...
2018-08-20 10:56:26
2030
3
原创 angular依赖注入
注入器 angular提供的服务方法，组件中无需单独引入，注入器根据组件的构造函数中声明的属性类型在整个应用程序中查找这个类型的实例并注入给属性export class service{constructor(public use:serve) { }}如果应用中存在实例serve则注入器会自动创建并注入给use 提供器 实例serve要想被注入器检测到，则需要被提供，提供器...
2018-08-16 16:54:07
160
原创 浅谈依赖注入和控制反转
首先说下控制反转（ioc）只把它认为思想就可以了，就像是面向对象思想，它的思想就是把引用代码的控制权，移交到外部，然后再通过外部注入进来，举个简单的例子：A类需要使用B类，则A类需要直接引用B类，现在我们不去直接获取了，而是通过一个容器去获取B类的实例，然后再通过容器传给A类这个过程叫注入，而这个容器则为ioc容器，它是一个能实现这种功能的框架，（angular就是一种）依赖注入...
2018-08-15 11:39:38
671
原创 angular路由事件，路由监测地址
路由配置文件const routes: Routes = [ { path:'', redirectTo:'/index', pathMatch:'full' }, { path: 'index', component:Tab1Component }, { path: 'secound', component:Ta...
2018-08-14 17:07:53
2797
原创 angular路由守卫
1、CanActivate进入路由时拦截 建立实现CanActivate接口的文件import {CanActivate} from "@angular/router";export class CanActivateGuard implements CanActivate{ canActivate(){ return window.confirm("是否进入");...
2018-08-14 15:36:25
2211
原创 angular辅助路由
配置一个显示在辅助路由上的组件与其他的组件配置方式类似,只是添加了 outlet:’aux’属性，aux为辅助路由的名字 { path: 'auxRouting', component:Tab3Component, outlet:'aux' }添加同级的router-outlet并添加name（name=’aux’的router-outlet为辅助路由）...
2018-08-13 16:54:29
1343
原创 angular子路由
1、路由配置文件加入children属性配置方式与路由类似const routes: Routes = [ { path:'', redirectTo:'/Father/ChildrenOne', pathMatch:'full' }, { path: 'Father', component:FatherComponent, c...
2018-08-13 11:19:14
795
原创 angular路由重定向
路由重定向路由配置文件中加入以下代码 { path:'str', redirectTo:'/home', pathMatch:'full' },path为str表示当路由到’/str’时路由地址变为‘/home’ pathMatch表示当完全写入‘/str’时路由才重新定向不可少写漏写...
2018-08-10 13:53:03
3736
原创 angular路由传递参数
1、 查询参数中传递数据在a标签上添加一个参数queryParams&amp;amp;lt;a [routerLink]=&amp;quot;['/tab4']&amp;quot; [queryParams]=&amp;quot;{id:3}&amp;quot; &amp;amp;gt;tab4&amp;amp;lt;/a&amp;amp;gt;此时此时除了rout
2018-08-10 13:32:11
25724
1
原创 angular路由的使用
angular路由配置项一般需要在index.html中head标签中加入&amp;amp;amp;lt;base href=&amp;amp;quot;/&amp;amp;quot;&amp;amp;amp;gt; 但是由于angular-cli安装中已经加入了所以不用考虑了Routers 路由配置，用来设置组件对应的url名称import { Routes } from '@angul
2018-08-03 17:14:07
6816
原创 angular-cli 中常用命令
使用angular-cli在开发中比较常用的命令ng generate 命令创建一个组件 ng generate component new-component （简写：ng g c name） 构建组件时会自动添加到模块不用手动添加 创建一个指令 ng generate directive new-Directive （简写：ng g d name） ...
2018-08-03 10:44:53
557
原创 angular4.0引入安装第三方插件以及自己写的css，js
安装第三方插件（jquery，bootstrap等）由于修改了angular-cli.json所以修改完成后一定要重启项目jquery安装进入项目目录输入（可以使用淘宝镜像） npm install –save jquery npm install @types/jquery –save 安装完成打开package.json可以看到jquery版本 &quot;depende...
2018-08-02 17:31:22
2329
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人