vue
花重锦
孜孜不倦,必能求索;风尘仆仆,终有归途。
展开
-
VUE element-ui 解决表单enter事件会刷新页面
VUE element-ui 解决表单enter事件会刷新页面原创 2022-07-22 14:04:45 · 787 阅读 · 1 评论 -
vue 页面滚动条和div滚动条联动(控制div滚动条位置)
使用场景:页面中存在侧边导航栏,导航栏部分内容无法完全显示,当滚动页面时,div中滚动条一起滚动到导航选中位置主要代码:nav-menu为div的id // 选中当前导航时div自动滚动到设定位置 if (navIndex == "13") { document.getElementById("nav-menu").scrollTop = 0; } if (navIndex == "16") { documen原创 2022-05-17 14:40:10 · 2399 阅读 · 0 评论 -
VUE 控制el-tabs标签页切换后滚动条回到顶部
使用场景:标签页中内容较多时,滚动条滑到底部,切换tab后,滚动条还是在底部;预期:切换tab后滚动条能回到顶部代码实现:el-tabs 绑定点击事件 tabChange<el-tabs class="tabs" v-model="activeName" @tab-click="tabChange"> <el-tab-pane label="交互规范" name="first"> <ui-main></ui-m原创 2022-05-17 14:42:59 · 2822 阅读 · 0 评论 -
超详细Vue实现导航栏绑定内容锚点+滚动动画+vue-router(hash模式可用,不会改变url地址)
首先是一些说明动画效果是原生 js 实现,不可能为了这么一个动画引用 Jquery 这么大一个库 因为是在 vue-router 的 hash 模式下,所以就不能用herf="#contentx"这样的方式来跳转了,这里用 js 来滚动到指定元素位置文章整体思路是先布局,然后把内容和导航联动起来,最后来实现点击导航滚动到指定内容布局话不多说,上代码navs.vue<template> <div> <!-- 内容区域 --> &转载 2022-04-25 14:44:44 · 2115 阅读 · 0 评论 -
vue+element-ui 自定义列表头部提示信息
方法一:使用solt插槽<el-table-column align="center" prop="state"> <template slot="header"> <el-popover placement="top-start" title="状态统计" // 表示提示信息头部内容 width="200" tri原创 2021-09-28 14:59:36 · 429 阅读 · 0 评论 -
vue+element el-cascader级联选择器,点击lebel选中
官方文档只能在点击选择框的时候才能选中,在某些实际操作中需要点击lebel就选中,加上下面的代码就可以了mounted() { setInterval(function () { document.querySelectorAll(".el-cascader-node__label").forEach(el => { el.onclick = function () { if (this.previousElementSib原创 2021-01-09 19:06:10 · 380 阅读 · 0 评论