![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
checkMa
雪千山,何处寻得,人间春色
展开
-
【使用vue3写一个拖拽分割面板】
vue3拖拽切割面板原创 2022-12-13 10:58:58 · 1140 阅读 · 0 评论 -
vuex的动态数据和方法的共享
前言在做vue单页面应用项目的过程中,有时候我们需要全局共享一个后台请求的数据,甚至还需要通过这个请求过来的数据进行一些计算。而我们常用的做法是,哪个页面需要就去请求一次这个数据,假如这个数据多处使用的时候,那么我们就需要维护多个请求,这样做好吗?这不好,这只会增加项目的代码量和维护难度。那我们要怎么去解决这个问题呢?而vuex刚好就是为此而生吧需求首先我们模拟一个需求:1、在A组件中,需要使用职位数据用于select选择;2、在B组件中,需要通过职位编号code获取职业名称name;3、A组原创 2020-12-07 10:29:29 · 878 阅读 · 0 评论 -
使用vue写一个移动端上下滑动的轮播组件
前言由于业务需求,需要一个移动端上下滑动的轮播图功能;由于没找到合适的轮子,所以自行写了一个;没有写定时器,有需要自行加个就行了;设计思路很简单,利用了css的动画来实现;效果先看看效果老规矩,上代码注意事项:1、用了elementUI的的两个icon2、图片请自行引入<!-- 上下滑动轮播图片查看 --><template> <div class="collection-preview"> <div class="img-原创 2020-11-17 17:42:30 · 1483 阅读 · 0 评论 -
在vue中使用v-model进行自定义组件双向绑定
v-modelv-model的用法很简单,也就是对输入框等表单组件进行双向绑定,常规用法如下: <input v-model="value" /> 那么,v-model是如何实现这个功能的呢?代码如下:<input :value="value" @input="value = $event.target.value" />原理v-model的实质呢,也是需要通过监听input元素value的变化来实现的,同时也去修改data变量value,input有自己的输入监听事原创 2020-09-23 11:33:23 · 995 阅读 · 0 评论 -
在vue项目页面监听div滚动,和设置滚动值
在vue项目页面监听div滚动第一步 mounted(){ // 先给页面注册滚动事件 document.addEventListener('scroll',this.Scroll) }第二步 methods: { // 滚动事件 // 如果不绑定到元素上,则只能监听页面滚动 Scroll(e...原创 2018-11-07 14:51:17 · 13147 阅读 · 0 评论 -
关于vue单页面多个组件嵌套监听浏览器窗口变化问题
问题:vue单页面窗口大小监听失效需求问题解决方案需求最近公司有个大屏展示项目(如下图)页面的元素需要做响应式监听,图表需要跟着窗口响应变化问题每一个图表都被我写成了一个组件,然后就在每一个组件里写了一串代码,监听浏览器变化结果只有父组件的代码生效mounted(){ window.onresize = () =&amp;gt; { //当窗口发生改变时触发 // };}...原创 2018-12-28 10:17:53 · 2173 阅读 · 0 评论 -
在vue-baidu-map中使用Bmap进行坐标逆向解析
问题问题建立的前提是:引用了vue-baidu-map插件,且需要进行解析坐标地名项目中遇到了一个需求,后台给了一组json对象,每个子对象中有个坐标,而需要前端进行解析坐标的当前的位置名称,而我的项目中使用到vue-baidu-map ,后面在初始化的时候一直没能取到BMap ,报错 BMap is not defind 和 BMap.point is not a constructor ...原创 2019-05-08 10:44:42 · 5712 阅读 · 1 评论 -
Vue和React的ECharts-Map-省市县级写法
前言echarts地图的相关的资料也找了好久,市县级地图的资源资本是要积分下载的,有的10个,有的40、50个积分,10个积分能理解,但是50个就有点过分了。这里我的资料也是下载了别人的,所以大家也还是去找找只要几个积分资源吧。下面上写法Vue配置文件先在配置文件里引入echarts// The Vue build version to load with the `import` ...原创 2019-08-13 10:00:02 · 620 阅读 · 0 评论