Articles under the label of Vuejs

Error: Avoided redundant navigation to current location ElementUI导航栏重复点菜单报错的解决办法

Error: Avoided redundant navigation to current location ElementUI导航栏重复点菜单报错的解决办法：首先打开我们的路由配置文件，ranhu就可以解决了。import Vue from 'vue'; import Router from 'vue-router'; Vue.use(Router); // 解决ElementUI导...

孙肖宁

June 7, 2020

3 comments

Vue-Cli3.0的配置

Vue-Cli3.0没有了config文件夹，默认也没有配置文件，这些都是需要我们手动进行建立的，首先我们需要在项目根目录里面建议一个vue.config...

孙肖宁

November 13, 2018

No comments

Vue中的watch和computed

watch使用这个属性，可以监视 data 中指定数据的变化以及路由等的变化，然后触发这个 watch 中对应的 function 处理函数。而且可以获取改变后和改变之前的值watch: { 'firstname': function (newVal, oldVal) { this.fullname = newVal + '-' + ...

孙肖宁

August 2, 2018

No comments

Vue中的路由

路由概念对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；对于单页面应用程序来说，主要通过URL中的hash(#号)来...

孙肖宁

August 2, 2018

No comments

Vue中的ref和$.refs

ref和$.refs可以很方便的调用元素，以及组件里面里面的方法是属性<div id="app"> <input type="button" value="获取元素" @click="getElement" ref = "mybtn"> <h3 ...

孙肖宁

August 2, 2018

No comments

Vue中的组件

什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件...

孙肖宁

August 1, 2018

No comments

Vue中的动画

类名过渡在进入/离开的过渡中，总共有6个累进行切换。v-enter：进入之前，元素的起始状态，此时还没有开始进入.这是一个时间点v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。即：入场动画的时间段.v-enter-to: 2.1.8版及以上定义进入过渡...

孙肖宁

July 31, 2018

No comments

vue-resource使用

1.引入vue-resource <script src="./lib/vue-2.4.0.js"></scrip...

孙肖宁

July 30, 2018

No comments

Vue中的自定义指令

定义：全局的自定义指令：Vue.directive('focus', { inserted: function (el) { } })私有的自定义属性：组件中接受一个 directives 的选项：directives: { focus: { inserted: function (el) { } } }调用：v-指令名钩子函数一个指令定义对...

孙肖宁

July 30, 2018

No comments