vue
文章平均质量分 83
这里主要是放一个vue相关的文章
荒男
不忘初心
展开
-
vue:echarts自定义地图
前言echarts有地图,但是echarts的地图只支持到三级(省市区),所以有的时候,我们就需要自己定制化地图准备我们绘制地图前,我们需要地图的点位置,这些有几种方式1、我们进入http://geojson.io自己绘制,手残党不建议自己绘制2、直接购买网上有很多可以购买的2.1、水经注软件购买下载,如果需要的地图绘制很多的话,建议此方法2.2、腾绘空间,他们家可以选择性购买,已长岭县举例子,才花费30不到转换成geo.json我们拿到的是其实是不是json格式,echatrs也支持原创 2022-02-15 18:51:41 · 2638 阅读 · 0 评论 -
带你了解vue的$refs和ref(附带常见问题)
vue的方法通过vue的官方文档说明:通过文档我们知道,ref和$refs其实就是为了操作DOM的原创 2021-09-16 18:27:09 · 1588 阅读 · 0 评论 -
记:vue基于vue-seamless-scroll的无缝滚动实例
1、安装vue-seamless-scrollnpm install vue-seamless-scroll --save 2、引入组件import vueSeamlessScroll from 'vue-seamless-scroll' components: { vueSeamlessScroll }, 3、配置参数computed: { defaultOption () { return {原创 2020-05-18 16:59:28 · 1154 阅读 · 1 评论 -
echarts绘制表图的简单用法
安装依赖包npm install echarts -save————————————————————————————————————————————————————————全局引用在main.js下// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts ——————————————————...原创 2019-08-20 11:05:50 · 351 阅读 · 0 评论 -
vue中动态组件&&异步组件的用法和理解
目录前言思路动态组件异步组件代码动态组件代码异步组件代码孙组件祖组件前言想用数据去驱动组件的渲染,此时就选择用了动态组件和实现思路动态组件component有:is属性,它是控制要渲染那个组件,即当is的值为注册的值,即会把组件渲染进去,实现动态组件渲染<component :is="component"></component><script>import child from '@/componets/child'export default {原创 2021-03-16 16:58:28 · 2489 阅读 · 0 评论 -
computed和watch的区别和理解
这里写目录标题1、计算属性:computed初步了解computedcomputed例子computed属性2、侦听属性:watch初步了解watchwatch例子watch属性1、计算属性:computed初步了解computed1、支持缓存,只有依赖数据发生改变,才会重新进行计算2、不支持异步,computed是依赖的值改变会重新执行函数,计算属性是取返回值作为最新结果,所以里面不能异步的返回结果3、computed属性值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于da原创 2021-08-03 14:46:16 · 226 阅读 · 0 评论 -
particles.js在vue中使用,以及一些常见的bug总结
particles.js的使用全局安装particles.jsnpm install --save particles.js配置particles.js引入particles.js文件当你的使用范围比较小时,可以直接在当前vue文件的script中引入//vue单文件import particles from 'particles.js'范围较大时,可以全局引入,在main.j...原创 2019-09-28 22:56:48 · 1992 阅读 · 0 评论 -
vue组件传值,非父子有五种
目录前言1、父组件向子组件传值1.1、props1.2、provide / inject2、子组件向父组件传值2.1、 this.$emit()2.2、 通过 callback 函数2.3、通过 $parent / $children 或 $refs 访问组件实例2.4、 $attrs / $listeners3、非父子组件之间传值3.1、$emit 和 props3.2、Bus总线程通信3.3、Vuex3.4、provide / inject3.5、 $attrs / $listeners前言Vue的原创 2020-12-10 16:13:19 · 1867 阅读 · 0 评论 -
记:vue组件复用传值,二次点击数据没有改变
遇到的问题:第一次点击编辑数据存在,二次点击编辑时,数据没有变化原因:vue官网原话:提醒一下,当使用路由参数时,例如从 /user/foo 导航到 /user/bar,原来的组件实例会被复用。因为两个路由都渲染同个组件,比起销毁再创建,复用则显得更加高效。不过,这也意味着组件的生命周期钩子不会再被调用。解决方法:使用watch去监听参数watch: { dialogObj:{ handler(newval, old) { this.原创 2020-05-29 10:28:05 · 1361 阅读 · 0 评论 -
vue引入阿里图标(unicode引用)
1、选择图标并加入项目把选好的图标放如购物车,并加入项目2、复制font-face3、建立一个iconfont.css把代码复制在里面并加上.iconfont{}控制图标样式(一般为下面内容,按需求修改)@font-face { font-family: 'iconfont'; /* project id 1706938 */ src: url('//at.alicdn....原创 2020-03-24 14:55:39 · 994 阅读 · 0 评论 -
vue-baidu-map 百度地图的使用
最近开发需要使用地图来记录经纬度,就特意写一下自己的使用方法:链接:vue-baidu-map官网链接: vue-baidu-map文档一:插件的安装$ npm install vue-baidu-map --save二:秘钥的注册登录http://lbsyun.baidu.com/2.1点击左上角的控制台2.2点击管理应用中我的应用2.3点击创建应用2.4记录下ak(ak ...原创 2019-12-04 11:23:02 · 3888 阅读 · 0 评论 -
v-charts的使用
v-chartsv-charts简介v-charts安装v-charts引入v-charts使用v-charts公有属性v-charts简介在使用 echarts 生成图表时,经常需要做繁琐的数据类型转化、修改复杂的配置项,v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 V-Charts 图表组件,只需要统一提供一种对前后端都友好的数据格式设置简单...原创 2019-11-29 16:42:32 · 854 阅读 · 0 评论 -
vue限制输入框只能输入N位整数和2位小数
关于input里的数字校验代码,采用的是element插件的input,有个@input事件在 Input 值改变时触发事件。因此代码如下<el-form-item label="价格" prop="market_price"> <el-input placeholder="0.00" :disabled="check_list.length>0" v-model="info.market_price" @input="changePrice('market_pric原创 2020-06-10 10:07:23 · 2153 阅读 · 0 评论 -
vue时间转换的几种方式
转换时间转换过滤器filter全局过滤器局部过滤器使用JS引用转换全局引用局部引用使用方式总结时间转换做一个项目肯定会关系到很多的数据类型,数据类型之间都是可以转化的,,前端有时候从后端拿到的时间不符合标准,此时就需要转换以后再去使用,转换有两种方式,看你个人比较喜欢哪一种。这里已时间转换为例子过滤器filter全局过滤器在main.js写入// 时间戳过滤器Vue.filter('...原创 2019-11-30 10:52:28 · 3165 阅读 · 0 评论