logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue 自定义el-table穿梭框功能

一、需求描述:前段时间接到一个需求是点击做一个类似穿梭框的表格点击选中功能,弹框的左边是全部数据展示,点击表格行数据可以选中自动增加到右边的已选框,并且可以手动删除、重置选中数据。点击确定后到展示到主页面,被选中的数据打开弹框不能再次选择。

文章图片
#javascript#vue.js#前端
Vue ElementUI中el-table表格嵌套样式问题

1、表格定义唯一值row-key="indexId"和类名:row-class-name="getRowClass"1、展开图标每条数据都展示了,实际上接口数据并不是都有children数组;1、两个表格嵌套,当父表格有children数组时子表格才展示;2、在表格嵌套后,打开子表格,高亮显示在经过子表格后对应不上;2、子表格数据少于父表格展示字段,且对应固定操作列不同;3、父表格的操作列固定在右

文章图片
#vue.js#elementui#前端
vant+vue在静态页面实现车牌号软键盘

1.因为是在html静态页面中使用,所以要先引入vant.css、vant.js、vue.js到需要使用的html页面;2.将实现好的车牌软键盘功能放到一个js里面,再将该组件使用js方式引入到html界面,同样该组件的css代码也要引入;2. 当在多个静态页面需要使用该组件时,如何封装成组件?1、如何将选中的车牌号回显在需要显示的表单中?

文章图片
#vue.js#javascript#前端 +1
vue3+ts项目 笔记总结

1.在终端新建项目输入:vue create vue3-ts2.接下来的每一步如图所示:注意要通过空格选中TypeScript

文章图片
#前端#typescript#vue.js
vue.js使用this[ ]()动态获取方法

使用this[ ]()写法,在[ ]内填入变量,即可调用不同的方法;this.$refs[ ]同样适用。关于this.$refs的使用,先来介绍一下:介绍:只要想要在Vue中直接操作DOM元素,就必须用ref属性进行注册。$refs与document.getElementById方法相比,会减少获取DOM节点的消耗。用法:强调:如果有多个this.$refs需要动态被使用,就可以通过this.$r

文章图片
#vue.js#前端#javascript
vue.js实现自定义tab滑动切换效果

前言:在使用uni-app组件时,需求方要求点击头部的tab切换时,首尾两个点击就在最前面和最后面高亮显示即可,中间的要求选中哪个tab哪个tab就在滑到最中间显示。如this.$refs.myTabRef.$el获取的就是该标签的类名my-tab。如this.$refs.myTabRef获取的myTabRef这个组件,可以使用myTabRef上的方法。获取组件实例 ,可以使用组件的所有方法 (使

文章图片
#前端#html#vue.js
vue 双向锚点实现 简易版(scrollIntoView)

一. 需求:左边是内容板块,右边是目录结构,点击右边内容跳转到左边相应位置展示,滑动左边内容右边目录自动跳转。

文章图片
#vue.js#前端#javascript
vue.js el-tooltip根据文字长度控制是否提示toolTip

一、需求:如何判断当前文本文字是否超出文本长度,是否需要出现提示toolTip。1、表格字段鼠标放置el-popover出现 “引用主题” 的具体内容;2、定义isShowTooltip控制是否展示提示文字tooltip;3、对应的鼠标放置触发的方法实现;

文章图片
#vue.js#前端#javascript
vue.js 回显textarea入的空格和换行

一、场景:用户在表单或者textarea中输入的带空格和换行的内容提交后,在其他地方查看输入内容必须与输入的内容保持一致。

文章图片
#前端#javascript#html
vue.js中for循环实现异步方法同步执行

前言:在项目中有些逻辑或者请求依赖另一个异步请求,常用的方法是回调函数、asyncawait 。场景:For循环中异步接口查询返回数据知识点:async 是“异步”的简写,async 用于申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成,并且await 只能出现在 async 函数中,否则会报错。async作用:当调用一个 async 函数时,会返回一个 Prom

文章图片
#vue.js#javascript#前端
    共 23 条
  • 1
  • 2
  • 3
  • 请选择