logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue elementui el-table 多选 回显

// tableData是所有的数据// checkl是需要选中的数据// id是每条数据的唯一值this.tableData.forEach(row => {this.checkl?.forEach(rows => {if (row.id === rows.id) {this.$refs.multipleTable.toggleRowSelection(row, true)}})})

文章图片
#vue.js#前端#ecmascript +2
vue3 h5进入页面后自动滚动到底部

在做h5项目中的聊天页面时,需求是进入页面自动滚到底部,方便用户看到最新消息(因为消息是正序排列的,最新消息自然展示在底部)。

#前端#javascript
vue 适配微信浏览器 实现点击按钮复制文本 clipboard

之前写的复制功能发现用微信打开的浏览器页面不生效,所以又换了种方法实现首先,安装 clipboardnpm install clipboard --save然后,引入 clipboardimport Clipboard from 'clipboard'对被点击的文本或按钮绑定动态变量id="btn" :data-clipboard-text="scope.row.courseNo"<!--

文章图片
#前端#vue.js#ecmascript +1
vue3 使用vue-i18njie解决切换语言不更新问题

npm install vue-i18n@next 这样装的最新版的才能在vue3.0使用。问题:地址栏语言的传参变换后,页面的展示的数据还是翻译的上一个语言的数据,需要再次刷新才正确。场景:我这里做的不是点击按钮切换语言,是从地址栏里取不同的语言时需要更新数据。结果:页面渲染的数据就是当前地址栏取到的语言所对应的翻译数据。

#vue.js#前端#javascript
vue elementui 修改步骤条el-steps的样式

多加了个居中属性:align-center。感觉以后可能还会用到,在此记录一下。

文章图片
#前端#vue.js#javascript +2
elementui 解决el-table多选 禁用时隐藏全选按钮

这里,el-table被选中部分行,全选按钮还是会显示对勾,而不是半选中状态,容易使用户混淆。在el-table加 :header-cell-class-name="cellClass"

#elementui#vue.js#css
vue elementui 修改步骤条el-steps的样式

多加了个居中属性:align-center。感觉以后可能还会用到,在此记录一下。

文章图片
#前端#vue.js#javascript +2
vue3 使用vue-i18njie解决切换语言不更新问题

npm install vue-i18n@next 这样装的最新版的才能在vue3.0使用。问题:地址栏语言的传参变换后,页面的展示的数据还是翻译的上一个语言的数据,需要再次刷新才正确。场景:我这里做的不是点击按钮切换语言,是从地址栏里取不同的语言时需要更新数据。结果:页面渲染的数据就是当前地址栏取到的语言所对应的翻译数据。

#vue.js#前端#javascript
vue 借助vue-amap插件对高德地图的简单使用

需求:实现点击获取经纬度、定位、对特殊位置标点及自定义信息窗体功能。

文章图片
#vue.js#javascript#前端
chrome浏览器 调试鼠标悬停后出现的元素样式

鼠标悬停后出现的样式,我们遇见的有两种情况,一种是用css设置的hover时的样式,第二种就像el-tooltip组件,鼠标悬停时出现提示文字的样式。

文章图片
#chrome#前端
    共 18 条
  • 1
  • 2
  • 请选择