logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue3 实现滚动条随着内容的增多自动往下滚动

vue3取消了this.$refs获取节点的功能,我们只需要直接定义一个与你绑定在盒子上的ref属性名的同名变量就能拿到这个盒子的信息了,通过watch监听数据的变化,使用nextTick在dom更新之后再调用scrollBottom方法把盒子的距顶部高度调整为盒子的滚动高度,因为我们设置了盒子的固定高度和y轴的自动滚动,因此页面上会显示出数据不断增加,但是一直显示最新一条的底部数据的效果,到此功

#前端#javascript#开发语言
Vue3切换项目主题(包含字体颜色,背景图片)

至此就完成了,由于涉及公司机密,实际效果就不放出来了,其实说到底就是通过预设好对应class类名下的自定义变量属性,再通过切换类名,使得其中的变量属性也更改,但是引用变量名的地方并没有改变,因此就产生了主题切换的效果,并且由于只是使用css来切换,因此不单单是vue项目,这个也可以用在js,jq,react项目里,当然这些我并没有实际去使用也只是猜测而已,哈哈!此方法并不支持由用户自定义主题,只支

文章图片
#前端
uni-App + vue3 配置国际化并实现切换

2.index.js 负责引入这三个语言文件并进行导出,方便后续main.js调用。1.三个语言js文件配置对应的语言,这里选择中文简体,中文繁体,英语作为示例。—————————————— 大致就是这样,并不复杂。这样一来配置方面就完成了,然后就是调用。

文章图片
#uni-app#vue.js#javascript
ElementPlus Table组件 自定义表头

通过使用这个插槽我实现了对Table的单独表头的自定义,如果有多个不同的表头需要分别设置,那么也分别在对应的。开发过程中,遇到了需要将表格的表头单独设置特定的样式,看了ElementPlus的文档说是可以使用。传入对应的函数进行设置,但我后来又研究了下发现使用。的插槽可以进行更高程度的自定义构写。

文章图片
#vue.js#elementui#javascript
Vue3 实现滚动条随着内容的增多自动往下滚动

vue3取消了this.$refs获取节点的功能,我们只需要直接定义一个与你绑定在盒子上的ref属性名的同名变量就能拿到这个盒子的信息了,通过watch监听数据的变化,使用nextTick在dom更新之后再调用scrollBottom方法把盒子的距顶部高度调整为盒子的滚动高度,因为我们设置了盒子的固定高度和y轴的自动滚动,因此页面上会显示出数据不断增加,但是一直显示最新一条的底部数据的效果,到此功

#前端#javascript#开发语言
ElementPlus el-table点击单元格变为输入框

然后是function部分,通过传入的scope和scope.$index来确定单元格位置以及所处的表格行数,并定义两个行和格变量进行条件判断,当行和格的值等于单元格的行和高的值时就把那个单元格的元素改为input,并通过自定义指令v-focus进行焦点的自动获取。开发项目的时候遇到一个要求是当点击el-table的单元格时要对应将其变为可输入的输入框,研究了文档和网上的博客后,实现了这个效果。首

文章图片
#vue.js#elementui#javascript
到底了