vue
文章平均质量分 71
where_slr
这个作者很懒,什么都没留下…
展开
-
vue 监听菜单侧边栏折叠展开变化,响应Echarts图表resize问题
bug:vue项目中,窗口大小不变(排除window监听resize),侧边菜单栏折叠展开,导致右边内容区域宽度大小变化,echarts图表的宽度超出或者小于操作后的 原图表容器区域的宽度;常规解决办法的是监听窗口的变化window.addEventListener(“resize”),但当前bug是窗口不变,内部元素的宽度变化,所有window监听不生效。抽取的调用echarts图表resize方法 methods:{ //调用echarts的resize() onResize(){原创 2021-08-20 16:33:44 · 4068 阅读 · 0 评论 -
events.EventEmitter监听与派发
场景引入JSSDK时,未能加载完成,已经发出了请求并且使用JSSDK的方法,此时会报错;可以使用nodejs的events.EventEmitter做监听,保存需要执行的方法,如果执行时,检测到JSSDK加载成功则直接调用;否则等待加载完成后,调用执行;EventEmitter.jsconst EventEmitter = require('events') //引入nodejs events模块export const clientEmitter = new EventEmitter() //E原创 2021-05-18 19:47:01 · 376 阅读 · 0 评论 -
Vue——eventBus使用,重复触发
之前写项目中遇到使用eventBus,兄弟组件之间传值写了个简单的demo测试总结一下新建了一个Busimport Vue from "vue";export default new Vue();Send组件:<template> <div> <div> 我是发送数据的页面</div> <div class="...原创 2019-09-19 16:09:51 · 1961 阅读 · 2 评论 -
Vue——生命周期自己的理解
看了官网的Vue生命周期和各路大神的生命周期详解,写了一点自己的见解:原创 2019-09-09 11:42:56 · 269 阅读 · 0 评论 -
Vue——父子组件间异步动态获取数据传递数据时,子组件获取不到值或者延时获取
父子组件传值时,父组件从接口获取数据,通过props传递给子组件。实际情况下:父组件获取数据有时间延迟,传递的props值为空,子组件接收的数据为props默认值父子组件生命周期父组件异步请求数据传递给子组件父子组件接收数据有延迟父子组件生命周期对比一、加载渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate...原创 2019-08-14 13:52:33 · 15012 阅读 · 4 评论 -
vue+axios+webpack配置跨域(axios配置)
什么是跨域?浏览器有一个叫做同源策略的东西。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。同源策略规定了如果两个页面的协议、域名、端口中任意一个不相等,就认为两个页面具有不相同的源两个不同源的页面资源交互会受到浏览器的同源策略限制,也就出现了我们说的跨域问题。配置proxyTable解决跨域问题我们使用vue-cli...转载 2019-08-08 14:02:45 · 934 阅读 · 0 评论 -
Vue——数组
原文链接Vue为了增加列表渲染的功能,增加了一组观察数组的方法,而且可以显示一个数组的过滤或排序的副本。变异方法Vue 包含一组观察数组的变异方法,它们将会触发视图更新,包含以下方法:push() 接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度pop() 从数组末尾移除最后一项,减少数组的length值,然后返回移除的项shift() 移除数组中的第一个项并返回该...转载 2019-07-31 11:30:11 · 14202 阅读 · 0 评论 -
Vue插件——组件间通信bus
vue中父子间通信常用的有 ( $on 和 $emit 搭配props);兄弟间通信可以通过使用一个空的Vue实例作为中央事件总线,就是常说的bus;或者用vuex(小项目没必要使用);bus在npm上网址以下是自己看书,照例写的bus小插件:bus精华点就是,利用一个空的vue实例作为中央事件总线,这样无论是组件树的哪一层都能通信到,使用$emit, $on, $off 分别来分发、监...原创 2019-08-03 13:59:27 · 471 阅读 · 0 评论 -
vue——评论的展开全文和收起
描述:对于评论的内容,初始规定行数(或者规定字数)显示,尾部有个“全文、收起”按钮,可以有收起展开效果;HTML部分: <ul class="expert-coach-explain-wrap"> <li v-for="(item, index) in coachExplainList" :key="index"> <div clas...原创 2019-03-28 16:18:04 · 2438 阅读 · 0 评论 -
vue——回到顶部监听滚动事件
&lt;template&gt;&lt;div class="tools"&gt;&lt;ul @mouseleave="mouseLeave()"&gt;&lt;li @click="toTop(step)"&gt;回到顶部&lt;/li&原创 2018-12-24 17:39:40 · 2189 阅读 · 0 评论 -
Vue——注意点
mode: ‘history’,//去除url中默认的#active-class:‘active’;设置路由激活后,对应的样式; &lt;router-link :to="/home" active-class="active"&gt;首页&lt;/router-link&gt;验证码倒计时 &lt;a class="n原创 2018-12-28 18:54:08 · 541 阅读 · 0 评论 -
Vue中的$set的使用
Vue —$set在我们使用vue进行开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去;当我们去看vue文档的时候,会发现有这么一句话:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。如下代码,给 student对象新增 age 属性data () { return { student: { ...原创 2018-10-08 15:54:36 · 2395 阅读 · 0 评论