logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

element ui使用滚动条组件el-scrollbar(官方没有)解决对话框el-dialog的滚动条问题

今天写vue+element ui写项目时有个需求是要在对话框中进行操作,但是当对话框内容过多时却不会出现滚动条,通过修改样式后虽然出现滚动条,但是滚动条的样式不是很理想,通过查找发现了element ui官方没有的隐藏组件el-scrollbar(滚动条组件)<el-scrollbar style="height:300px;">//我在这里设置高度未300px......&...

#vue.js#css
vue修改Element UI样式,样式穿透

在vue组件中,为了使样式私有化(模块化),不对全局造成污染,在style标签上添加scoped属性,以表示它只属于当下的模块。这样在打包的时候会生成一个独一无二hash值,这样父组件的样式就不会影响到子组件了。但是如果你要想修改子组件的样式,就只能修改公共的样式,这样的话其他使用这个组建的地方都会改变,需要在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。此时

#css#前端#less +1
vue项目页面根据导航栏跳转到指定位置

需求:vue项目中,页面内容过多需要往下滚动很多才能见信息浏览完,但是操作按钮却在顶部,浏览修改完信息后要回到顶部后才能进行操作,操作不方便,因此要添加一个导航栏,通过菜单跳转到页面指定的位置,导航栏可以展开隐藏!代码实现:导航栏部分<dl class="menu"><div class="menuContent"><div v-if="ismMenuShow" cl

#javascript#css#vue.js +2
vue中[__ob__: Observer]的数组无法遍历

今天开发遇到这样一个问题,记录一下踩坑记录  我请求回来的是一个数组,我要通过遍历这个数组将符合要求的数据重新push到一个新的空数组中,然后再遍历这个新数组进行操作,但是过程中发现新数组使用forEach遍历时没有进入循环,打印新数组后如下所示:  其实不是数组无法遍历,是我在请求方法外面直接调用了遍历新数组的方法,由于请求是异步的,还没接收到后台返回的数据,也就还没有添加到数组里,遍历时自然没

#es6#前端
element ui使用滚动条组件el-scrollbar(官方没有)解决对话框el-dialog的滚动条问题

今天写vue+element ui写项目时有个需求是要在对话框中进行操作,但是当对话框内容过多时却不会出现滚动条,通过修改样式后虽然出现滚动条,但是滚动条的样式不是很理想,通过查找发现了element ui官方没有的隐藏组件el-scrollbar(滚动条组件)<el-scrollbar style="height:300px;">//我在这里设置高度未300px......&...

#vue.js#css
vue修改Element UI样式,样式穿透

在vue组件中,为了使样式私有化(模块化),不对全局造成污染,在style标签上添加scoped属性,以表示它只属于当下的模块。这样在打包的时候会生成一个独一无二hash值,这样父组件的样式就不会影响到子组件了。但是如果你要想修改子组件的样式,就只能修改公共的样式,这样的话其他使用这个组建的地方都会改变,需要在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。此时

#css#前端#less +1
vue3 使用addRoute动态添加路由,页面刷新就白屏解决办法

vue3 使用addRoute动态添加路由,页面刷新就白屏解决办法

文章图片
#javascript#前端#vue.js
vue实现上拉加载和下拉刷新

上拉加载这个上拉加载是我看了别人的文章,亲测好用后直接搬过来的。原文在这:https://blog.csdn.net/qq_34439125/article/details/85602508加载组件:<template><divclass="weui-pull-refresh"ref="scrollBox":style="style"@touchstart="touchStart

文章图片
#javascript#vue.js#前端
在el-select的change事件中传递自定义参数

这个方法在element-UI 组件的change事件中应该都适用@change="(val)=>checkChange(val, '自定义参数')"

#es6#前端
到底了