![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
qdLimitless
这个作者很懒,什么都没留下…
展开
-
el-form表单校验,提交校验时除去某一项,自己单独校验。例如某一项值未到100时需提示,但可以通过提交校验。
HTML:代码<el-form-item label="覆盖率" prop="tnFgl"> <el-input-number v-model="bindData['tnFgl']" :step="1" :min="1" :max="100" step-strictly clearable placeholder="请输入覆盖率" size="mini" /></el-form-item>JS代码:data() { const valid.原创 2022-01-17 11:32:01 · 1028 阅读 · 1 评论 -
VUE 用qrcode,qrcode-reader实现input框输入框生成二维码,提交二维码识别二维码内容
qrcode-reader内容参考:https://blog.csdn.net/qq_37816525/article/details/100532716功能实现了:一行是text文本框,输入内容在框失去焦点时要在下面图片显示区域生成二维码。另一行显示二维码图片,在文本中没有数据时要显示提交图片按钮,上传二维码识别内容后显示二维码,并把值赋值给上面的文本框,隐藏提交按钮。HTML代码:<el-form-item label="二维码内容"> <el-input..原创 2020-10-16 13:46:11 · 2415 阅读 · 2 评论 -
vue 点击按钮防止按钮再次点击,按钮出现加载中和不可再次点击手势,达到动态更改disabled属性效果
button中的disabled属性只能通过js来动态修改,在vue中不能根据绑定数据模型来动态改变button的disabled属性,但能根据绑定数据模型动态改变button的类名达到这一效果。HTML代码:<el-form> <el-button type="primary" @click.stop="handleLogin()" :loading="loading" :class="{disabled: loading}">登录</el-button&g原创 2020-09-28 11:06:06 · 3983 阅读 · 0 评论 -
面包屑关闭和刷新功能
vue通过router实现面包屑,并实现关闭当前页面和刷新当前页面功能html代码:<!-- 面包屑循环 S --><ul class="breadcrumb-wrapper"> <router-link tag="li" class="breadcrumb-item" @contextmenu.prevent.native="showRoterList" v-for="(item, index) in levelList" :to="item.path">.原创 2020-09-24 16:09:34 · 3063 阅读 · 1 评论