vue
Virtus_pro
这个作者很懒,什么都没留下…
展开
-
ant-design-vue table 可伸缩列
ant-design-vue table 可伸缩列由于业务中需要表格伸缩列,在官网文档中也有相关demo, 由于官方文档中使用的方式没有成功,所以自己研究了一套方式相关基础库"vue-draggable-resizable": "^2.2.0","@vue/composition-api": "^1.0.0-beta.17","ant-design-vue": "^1.6.5",第一步 实现可伸缩列组件const ResizeableTitle = (h, props, children)原创 2020-10-22 20:44:35 · 2909 阅读 · 2 评论 -
2020-10-14 element-ui el-select 自定义样式覆盖
element-ui el-select 自定义样式覆盖设计图样式中间分割线使用css::after背景图进行,最后一个设置为display:none最终效果备份一下方便使用$focus_color: #3296E1;.statictis-select{ /deep/.el-input__inner{ background-color: #112E49; color: #ffffff } .el-input__inner{ border-color原创 2020-10-14 09:24:00 · 877 阅读 · 1 评论 -
2020-10-14 vue 中使用echarts 绘制中国地图
最终效果图安装vue-echarts第三方包全局引用import ECharts from 'vue-echarts'Vue.component('v-chart', ECharts)组件中使用<templete> <v-chart ref="mapChart" :options="renderOptions" :autoresize="true"/></templete><script>impo原创 2020-10-14 09:23:00 · 264 阅读 · 0 评论 -
vue-composition-api 解读2
@vue/composition-api 解读(2)computed api使用方式computed(() => count.value + 1)//computed({ get: () => count.value + 1, set: (val) => { count.value = val - 1 },})传入一个函数或者传入一个有get和set方法的对象export function computed<T>( options:原创 2020-07-12 19:48:28 · 1347 阅读 · 0 评论 -
vue-composition-api 解读(1)
@vue/composition-api 解读1vue-composition-api 是 vue 官方出得, 基于vue3的RFC来兼容Vue2.x的增强api,具体API和vue-next 是差不多的, 具体的API详见 vue-composition-api-rfc, 本系列文章是基于你对vue2有所了解的情况proxyvue2的响应式是基于Object.defineProperty 的 set 和 get方法来实现的,具体的在源码中的实现, 这也是组合式API响应式的基础// src/uti原创 2020-07-11 21:24:42 · 1134 阅读 · 0 评论