![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 52
Linzsong
这个作者很懒,什么都没留下…
展开
-
vue插件发布到npm(消息弹窗插件)
vue插件发布到npm(消息弹窗插件)一、Demo描述本次演示的是一个使用 vue 发布自己的插件——custom-message-song这是一个简单消息弹窗插件(为下一个重量级插件“自定义表单”插件发布做练习准备),这次就来小试牛刀,从插件的开发到发布npm,我都踩了哪些坑[流泪],让我们现在开始吧。开发环境版本:@vue/cli 4.5.14Vue2.x (Vue3.x的发布后期更新)所有代码都可以在我的GitHub custom-message-song 上查看,欢迎start…原创 2022-01-17 11:56:04 · 886 阅读 · 0 评论 -
Element UI实现动态表格(输入框和选择框),可使用快捷键tab、Enter、Down、Up进行切换格子
Element UI实现动态表格1. 实现效果话不多说,直接上图图1(整体效果)图2(动态图)图3(Tab 和 Enter切换下一格)图4(Up和 Down 对input框进行上下切换)2. 核心代码实现首先是要获取格子的index和列prop(唯一值),获取的方法可以看这个 element UI 在table中获取点击当前行列索引激活input和select是通过table的rowIndex和列prop(唯一值)来定位判断点击的为哪一个格子...原创 2021-04-19 09:04:14 · 2839 阅读 · 2 评论 -
el-input中监听键盘事件“回车”和“Tab”
el-input中监听键盘事件“回车”和“Tab”<el-input @keyup.enter.native="test($event)" @keydown.tab.native="test($event)"></el-input><!-- 注意这里的Tab键 要使用 keydown监听,使用keyup监听无效,具体原因,希望有热心的网友给予指正-->test(e) { e.preventDefault(); // 阻止Tab的默认事原创 2021-03-30 16:49:59 · 1440 阅读 · 0 评论 -
element UI 在table中获取点击当前行、列索引
在table中获取点击当前行、列索引先开启table中的:cell-class-name="tableRowClassName",将rowIndex 和columnIndex 放入row 和 column 的属性中再table中使用 @cell-dblclick="handleCellClick"函数tableRowClassName ({row, column, rowIndex, columnIndex}) { //把每一行的索引放进row,和index row.ind原创 2021-03-30 16:47:50 · 4102 阅读 · 0 评论 -
Vue实现自定义Message
Vue实现custom-message前言之前在项目中使用vue框架中的element-UI时,使用element-UI的弹窗非常的nice,但在最近的项目中,要求项目体积小,且高度自定义,所以不能把element-UI的message的组件引进来再改样式,于是决定自己封装一个,来满足需求。基本原理使用Vue.extend(options)创建一个Vue构造器,再将构造器实例化,挂载到body中...const MessageBox = Vue.extend(MessageMain);...原创 2020-09-01 15:27:23 · 3682 阅读 · 3 评论 -
vue-slicksort拖拽组件——添加点击事件
在项目中我个人使用了slicksort和draggable这两个拖拽插件,在这里总结一下slicksort插件的优点,最大的特点个人觉得是很滑(都叫slick sort 翻译过来就是光滑排序)。但在使用该拖拽前,必须先看一下slicksort的demo,看是否满足你个人的需求,毕竟有些需求在slicksort中是不好实现的(如:跨组拖拽,就得用draggable比较好处理)该插件GitH...原创 2019-12-27 15:32:06 · 2281 阅读 · 0 评论 -
从0到1安装并运行Vue
从0到1安装并运行Vue步骤步骤1.先安装nodejs环境,这样就可以使用其中的npm了 点击下载node.js2.安装,直接点击下一步就完事了,然后测试是否安装成功,-v查看安装的版本号node -vnpm -v3.使用前可以更新一下npm的版本号,因为npm更新的频率比node.js高,到这里npm就算安装完成了npm install npm@latest -g4.安...原创 2019-11-07 15:00:22 · 241 阅读 · 0 评论 -
npm install 运行报错,错误代码128解决方案
报错信息如下:error Error while executing:error D:\Git\Git\bin\git.EXE ls-remote -h -t git://github.com/adobe-webplatform/eve.giterrorerror fatal: unable to look up github.com (port 9418) (Ӧ�ó���û�е��� W...原创 2019-09-06 15:39:05 · 37477 阅读 · 15 评论