VUE项目开发
文章平均质量分 53
好 运.
---
展开
-
Vue如何实现快进后退的跑马灯组件
由于业务需求,要实现一个会可以控制速度的跑马灯,刚开始用js的setinterval每隔几毫秒来减取一个字符拼接到后面,效果不理想就放弃了。后来用animate这个api实现了。当然现在有很多的第三方库可以实现这个需求,个人感觉还是手写的香效果图:组件代码父组件代码原创 2022-11-30 21:22:04 · 455 阅读 · 0 评论 -
vue项目中定时器问题
这样写呢是完全没有问题的,但是当你在一个页面中用了很多个定时器的时候,你会发现有点卡顿,这是因为 data中的这个变量timer是保存在这个组件实例el上,如果可以的话最好只有生命周期可以访问到它。类似于其他需要在当前页面使用,离开需要销毁的组件(例如一些第三方库的组件等等),都可以使用此方式来解决离开后以后在背后运行的问题。该方法是通过$once这个事件侦听器在定义完定时器之后的位置来清除定时器。,使得代码可读性更强,一目了然。那你的代码可阅读性就非常的差了。这也是我们通常用到的方法。原创 2022-09-19 19:38:39 · 1812 阅读 · 0 评论 -
Echarts——自定义仪表盘图表
我个人本身其实没有从事多久大数据可视化开发这方面,碰到那种没见过的图表都会很慌,然而怕什么来什么…给大家看下给到我的设计图长什么样子看到这个图表之后我就去echarts官网上面去找有没有,相必大家也猜到了,那必然是没有的,之后花了很长时间去写这个东西,就想着记录一下,后面工作用到了就不用麻烦了废话不多说了,直接上代码option = {// formatter: "{a} {b} : {c}%", } , series : [ // 最外层蓝色 {原创 2022-09-16 19:47:35 · 3649 阅读 · 3 评论 -
解决本地浏览器运行项目时的跨域问题Access to XMLHttpRequest at ‘file:///C:/Users/Len/Desktop/%E5%8F%AF%E4%BF%AE%E6%94%
Access to XMLHttpRequest at 'file:///C:/Users/Len/Desktop/%E5%8F%AF%E4%BF%AE%E6%94%B9%E9%85%8D%E7%BD%AE/dist/model/model.gltf.xz' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data,原创 2022-09-16 19:24:52 · 123453 阅读 · 10 评论 -
vue+EventBus 兄弟组件传值
项目开发中遇到了这样一个业务:假设父组件是A,子组件是B和C,然后C组件的数据结构是受B组件的改变而改变,就想到了用事件总线(EventBus)来进行兄弟组件之间的通信。用过之后也确实很好用,记录并分享一波…原创 2022-08-22 20:27:59 · 375 阅读 · 0 评论 -
vue打包之后更改配置的json文件无效
在project.config.json里面更改配置后不生效,具体原因还没有找到。然后把这个js文件引入到public/index.html下。在项目中就可以直接使用window.api进行使用。把json文件换成js文件。这是目前我找到的办法…...原创 2022-08-16 17:52:12 · 2861 阅读 · 0 评论 -
解决vue组件props传值,对象获取不到的问题
父组件利用props向子组件传值,浏览器console有这个值,但是获取不到对象里的属性,console对象的属性值,打印出来值为undefined。上面三种方法,在子组件都能watch到父组件传过来的testobj对象的值。都能解决获取不到父组件传过来的对象的问题。方法1:可以用JSON.parse(JSON.stringify(this.echartObj))方法3:Object.assign({},obj)也可以。方法2:用以下形式给对象赋值。...原创 2022-08-14 09:51:45 · 5577 阅读 · 0 评论