logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue禁止浏览器记住密码:使用文本输入框作为密码控件,将输入字符自动转换为*星号,避开浏览器提示保存明文密码的功能,输入框可键入删除复制粘贴替换。Vue、JS

本文针对禁止浏览器记住密码、自动填充的功能使用的方法是:不使用type为password的输入框,全程使用type=”text“的文本输入框,根据每次输入值替换文本框内容为星号 “*” 或者 小圆点 “·”(中文)。可以复制粘贴密码,可选中替换。

#前端#vue.js#javascript
Vue+ElementUI中修改el-table表格符合条件的某一列/某个属性的单元格样式(背景色、字号等

先看效果图:根据某项属性确定高亮哪一列或几列的单元格。根据elemenUI中 table组件的可修改属性来配置cell-style<el-tableref="multipleTable":data="tableData"v-loading="loading":cell-style="abnormal_columnStyle":header-cell-style="{'padding':'0

#vue.js#elementui#javascript
vue项目使用vue-cli-plugin-electron-builder,打包时的一些坑

vue项目使用vue-cli-plugin-electron-builder,打包时的一些坑

#vue.js#electron#javascript
elementUI+Vue,使用ref区分不同的el-upload,清除其缓存保证能够多次上传选择文件。(多个el-upload时注意区分

需求:在表格中嵌套使用多个el-upload组件,可能会需要多次选择。问题分析:单独使用el-upload时,想要在隐藏上传列表的条件下实现多次上传,就需要在每次选中文件时清除上次选择的文件缓存。使用this.$refs.[refname].clearFiles();举例:<el-uploadref="picupload"class="avatar-uploader"action="#

#vue.js#elementui#缓存
vue使用JavaScript的Number方法或正则表达式进行表单验证,判断值是否为数字(包括整数和小数),验证值只能为小数点后一位

var a = "1.56";var b = "asf"var c = Number.parseFloat(a) //1.56var d = Number.parseFloat(b) //NaNvar e = Number.isNaN(c) //falsevar f = Number.isNaN(d) //trueNaN --》not a number,不是一个数,但是属于number类型所以,当

#javascript#elementui
VUE+ElementUI的表单el-from表单验证二选一必填项,并且满足条件后会清除表单验证提示。

效果图:使用Element-UI的自定义验证实现。这里面有个坑是,两个input输入框都点出了提示信息,填写任一输入框之后只有操作的那一项的验证提示消失了,不主动清除另一项的验证提示就会一直存在,观感很不好。如图:所以,在验证成功后要强制清除另一方的验证提示。本来应该分别清除的,我这里懒得写那么长了干脆一起清掉哈哈哈。现在,填入其中一项效果如图:HTML:<el-formref="form"

#elementui#vue.js#html
VUE+ElementUI对Table的多选进行批量操作(复选框勾选删除)完整功能实现

ElementUI:选择多行数据时使用 Checkbox。当用户勾选目标信息时,会触发selection-change事件,。<el-button type="warning" @click="deleteSelectItem(sels)">批量删除</el-button><el-tableref="multipleTable":data="searchlist"to

#elementui#javascript#es6 +1
vue3 keep-alive include失效的原因排查 setup语法糖文件名称name暴露的问题

KeepAlive 默认会缓存内部的所有组件实例会根据组件的 name 选项进行匹配,所以组件如果想要条件性地被 KeepAlive 缓存,就必须显式声明一个 name 选项。如本文案例,将文件名称修改为Flow.vue,keepalive生效。在 3.2.34 或以上的版本中,使用 <script setup> 的单文件组件会自动根据文件名生成对应的 name 选项,无需再手动声明。但实际kee

文章图片
#vue.js#前端#前端框架
VUE+ElementUI对Table的多选进行批量操作(复选框勾选删除)完整功能实现

ElementUI:选择多行数据时使用 Checkbox。当用户勾选目标信息时,会触发selection-change事件,。<el-button type="warning" @click="deleteSelectItem(sels)">批量删除</el-button><el-tableref="multipleTable":data="searchlist"to

#elementui#javascript#es6 +1
解决vue3 路由切换后,页面不显示内容,刷新后正常显示(路由切换白屏的问题)

正常使用时切换路由都可以正常地切换页面,但是页面长时间无操作就会浮现该问题。使用导航切换路由,路由可以正常跳转,地址栏有变化,但页面不显示。在router-view 中给路由添加key标识。2、切换的各级页面均有根标签节点包裹。

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