Vue
喝着绿茶的猫
这个作者很懒,什么都没留下…
展开
-
vue 拖拽指令
Vue.directive('dragscroll', function(el) { el.onmousedown = function(ev) { const disX = ev.clientX; const disY = ev.clientY; const originalScrollLeft = el.scrollLeft; const originalScrollTop = el.scrollTop; const originalScrollBehavio原创 2022-03-02 15:12:29 · 1031 阅读 · 0 评论 -
vue 使用 v-charts 实现环形图
v-charts 文档直达v-charts 有环形图的示例demo但这不是我想要的效果,需要自己调整一下样式下图是我调整之后的样子,我隐藏了自带的legend,环形图里面的颜色改成了渐变色1、安装v-chartsnpm i v-charts echarts -S2、在main.js 引入环形图因为我现在里面只用到了环形图,所以我只引入了这一个。// main.jsimpor...原创 2019-07-07 16:51:21 · 20144 阅读 · 12 评论 -
ant design vue 表格table 默认勾选几项
为什么我同样的功能要用react 、vue 都写一遍 ?啊我真是不是闲的蛋疼啊(~ o ~)~zZ在 ant design vue 中 , 表格的第一列是联动的选择框截一张官方文档图,图示最后一排就是禁用状态点击 checkbox 会触发onChange , 从而得到selectedRowKeys,selectedRowKeys就是选中的 key 数组。 onChange: (sele...原创 2019-04-04 11:27:29 · 11775 阅读 · 17 评论 -
ant design vue 右键点击菜单实现树tree 增删改查
实现思路:vue的实现思路和前面写的react版本的是一样的…ant design vue 有一个右键点击的API @rightClick, 所以想自己扩展基于树结构的增删改查功能还是蛮简单的。我这里实现的是,右键点击会出现操作图标,增加、删除按钮会弹出相应的操作弹窗。效果展示:部分代码实现:因为项目里还有设计其他的业务逻辑,这里只展示了核心代码。html: <a-c...原创 2019-09-29 14:12:08 · 17213 阅读 · 8 评论 -
ant design vue 和 v-contextmenu右键点击菜单实现树tree 增删改查
实现思路:vue的实现思路和前面写的react版本的是一样的…ant design vue 有一个右键点击的API @rightClick, 所以想自己扩展基于树结构的增删改查功能还是蛮简单的。我这里实现的是,右键点击会出现操作图标,增加、删除按钮会弹出相应的操作弹窗。右键单击出现的菜单是用v-contextmenu实现的v-contextmenu文档说明:https://github....原创 2019-09-29 14:28:29 · 11518 阅读 · 4 评论