![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue知识点
土垚金鑫
软件
展开
-
vue项目引入vue-scrollto
vue-scrollto 官方网址为:https://www.npmjs.com/package/vue-scrollto由于没有安装vue-scrollto,会爆出 Can’t resolve 'vue-scrollto’的问题,如下所示:解决方案:使用npm安装则如下:npm install --save vue-scrollto使用yarn则如下:yarn add vue-...原创 2020-01-20 15:16:11 · 3726 阅读 · 0 评论 -
vue项目el-table使用slot解决表头是可变的列
vue项目el-table使用slot解决表头是可变的列需求:列表中表头是不固定的,可以说是个可变的列,所以使用了slot标签和循环遍历可变的数组。案例和代码如下所示。代码如下:<template> <div> <el-table ref="tab" stripe ...原创 2020-01-19 16:08:30 · 6269 阅读 · 0 评论 -
vue项目中slot的使用
vue中的插槽————slot插槽(Slot)是Vue提出来的一个概念,正如名字一样,插槽用于决定将所携带的内容,插入到指定的某个位置,从而使模板分块,具有模块化的特质和更大的重用性。案列如下:①SectionSet.vue是带有slot的一个组件②SlotTest.vue组件调用SectionSet.vue组件代码如下:SectionSet.vue组件<template&g...原创 2020-01-19 14:18:39 · 352 阅读 · 0 评论 -
onscroll事件没有响应的问题
案列:在项目中给页面dom元素添加scroll事件,即鼠标上下滚动时发现没有响应,排查问题如下我遇到的问题如下:①没有添加over-flow:auto②在绑定的元素上 document.querySelect(’.bindDiv’).addEventListener(‘scroll’,this.myScroll) ,添加监听事件后,在myScroll方法中没有起作用③在window上添加w...原创 2020-01-16 19:59:32 · 1804 阅读 · 0 评论 -
vue中axios的简单使用
1,本文是对axios的简单使用,并没有对axios进行封装首先在vue项目安装axios,如下代码npm install axios --save2,直接使用axios在axios请求之前:如下图所示。在axios请求之后,得到数据,如下图所示。代码如下:<template> <div> <input type="but...原创 2020-01-13 16:10:04 · 154 阅读 · 0 评论 -
vue项目引入全局vuex
Vuex 是一个全局的共享数据存储区域,相当于一个数据的仓库,Vuex是为了保存组件之间共享数据而诞生的,如果组件之间有要共享的数据,可以直接挂载到vuex中,而不必通过父子组件之间传值了,如果组件的数据不需要共享,就不必放到vuex中;只有共享的数据。配置vuex可有如下五个步骤运行 cnpm i vuex -S导入包注册vuex到vue中new Vuex.Store() 实例,得...原创 2020-01-13 11:00:25 · 3188 阅读 · 0 评论 -
vue中事件修饰符,stop,prevent,capture,self,once
1,stop修饰符,能够阻止冒泡事件,按照案例说明如下:按钮在div容器中。①,点击框中非按钮的位置,会触发div的事件②点击图中 “stop事件” 按钮 ,会发生冒泡事件,执行按钮事件的同时,也会执行div的事件注意:此时还没加stop事件③,代码添加stop事件后(@click.stop)的效果,控制台打印结果如下,stop会阻止事件冒泡行为。代码如下:<templ...原创 2020-01-10 17:03:58 · 1127 阅读 · 0 评论 -
vue知识点,面试题考试
vue面试题1.Vue和react的相同与不同相同点:都支持服务器端渲染都有virtual DOM,组件化开发,通过props参数进行父子组件数据的传递,都实现webComponent规范数据驱动视图都有支持native的方案,react native,Vue的weex都有管理状态,react有redux,vue有自己的VueX不同点:react严格上只针对MVC的view层,V...原创 2020-01-03 11:14:41 · 218 阅读 · 0 评论