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#前端
es6 处理数组的方法汇总

传给 reduce()和 reduceRight() 的函数接收 4 个参数:前一个值、当前值、项的索引和数组对象。第一次迭代发生在数组的第二项上,因此第一个参数是数组的第一项,第二个参数就是数组的第二项。注意,如果数组中的某一项是 null 或 undefined, 则在 join() toLocaleString() toString() valueOf() 返回的结果以空字符串表示。为了解决

文章图片
#es6#javascript#前端
    共 21 条
  • 1
  • 2
  • 3
  • 请选择