
vue前端小组件
文章平均质量分 70
心明自知
有喜好,就会有执着.有执着,就会不顾一切.
展开
-
vue实现点击出现按钮菜单
/ 子组件的方法 @menuClick="menuClick(arguments)" 注意menuClick()里面一定要填写arguments,用于接受子组件的传参。//调用子组件的show方法,用于显示弹出式菜单,引用组件时,需要 ref="child"// console.log("父组件传过来的event", event);//传参调用父组件事件,让父组件知道是点击到哪个菜单项。// console.log("销毁监听事件。//菜单高度,根据菜单项自动计算的高度。//鼠标点击的x坐标。原创 2023-09-05 10:47:24 · 1103 阅读 · 0 评论 -
el-table实现点击添加,页面定位到添加行位置
(el-table实现点击添加,页面定位到添加行位置)有很多中实现方式,我实现的这种是,表格不分页,有下拉条的。实现思路:通过计算出你要跳转到的行在表格总长度的位置实现跳转。实现步骤:给表格加上ref属性ref=“singleTable”:row-style="{height: ‘60px’}"给表格设置每一行的高度(尽量满足每一行高度一样,避免有些单元格内容长度是行高度不一致)通过index和每行的高度计算出你要跳转到的位置这行代码就是搞定跳转了。this.$refs.single原创 2021-06-21 11:28:35 · 1379 阅读 · 0 评论 -
Vue实现回到顶部功能(附带页面滑动一段距离后显示按钮)
可以单独设置滑动的速度与页面向下拉动多少再显示按钮。i标签使用了‘element’的默认类样式<template> <div id="goTop" v-show="goTopShow"> <a @click="goTop" class="toTop"><i class="el-icon-caret-top"></i></a> </div></template><script>转载 2021-10-14 15:45:17 · 1786 阅读 · 0 评论