![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue学习
浅暖呀丶
将自己项目中遇到的功能,觉得可以收藏的,就记录一下,大家一起进步
展开
-
VUE使用MintUI(MessageBox)实现自定义提示框中的内容
项目需求将提示框中的提示内容修改成可以添加备注的多行文本域效果图准备工作引入 mint-uinpm intall mint-ui --save在main.js中引入mintUI// 引入mintUIimport MintUI from 'mint-ui'import 'mint-ui/lib/style.css'Vue.use(MintUI)在项目中引入mintUI的MessageBox模块// 引入MessageBox模块import { MessageBox原创 2021-03-08 14:56:04 · 1059 阅读 · 0 评论 -
vue锚点跳转
HTML<div class="member" ref="member"> 自己的结构、、、</div>JS使用的前提是页面允许上下滚动1.scrollIntoView(Boolean):如例 - 里面是一个布尔值 为true时 元素的顶端将和其所在滚动区的可视区域的顶端对齐; 为false时 元素的底端将和其所在滚动区的可视区域的底端对齐; (可能受结构影响显示不到最顶端)1.getBoundingClientRect().top:如例 getBoundin.原创 2021-02-05 11:07:33 · 313 阅读 · 0 评论 -
vue 强制刷新渲染页面
vue 强制刷新渲染页面that.$forceUpdate();使用环境:1.数组v-for渲染层级过深,数据赋值成功,但是页面不渲染;2.可能还没有留意到数组或对象的变更检测注意事项,或者你可能依赖了一个未被 Vue 的响应式系统追踪的状态;个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用...原创 2021-02-04 09:44:11 · 1044 阅读 · 0 评论 -
仿淘宝菜单栏左右滑动(VUE 移动端)
可通过左右滑动上方的结构来实现下方滑块的跟随移动;个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用具体效果:HTML*使用两个数组分为上下两行 单个盒子设置固定宽度(以便后面进行计算)在包裹这两行数组的最外层盒子“menuItemsNav”添加 @scroll="scrollEvent 事件*如果后台返回的是一个数组,可以根据下标奇、偶数来划分为两个数组<!-- 菜单分类 --> <div class="menuItems"> .原创 2020-11-13 11:19:31 · 3135 阅读 · 3 评论