考试系统项目
文章平均质量分 70
地瓜没有花
这个作者很懒,什么都没留下…
展开
-
vue实现答题卡页面
样式如下需要注意的点实现题目内容的最外层即循环题目数据的位置谨慎使用div标签包裹,否则v-if控制的样式可能有问题。使用div标签包裹并且在最外层设置题目样式的页面:<div class="topicContent" v-for="item in subjectType" :key="item.type"></div>.topicContent{ height: 184px; border-top: solid 1px #e6e6e6;原创 2021-03-19 14:45:09 · 6675 阅读 · 13 评论 -
vue实现图片剪裁(vue-cropper组件)并上传到服务器
vue-cropper官网:vue-cropper安装npm install vue-cropper --save使用main.js文件import VueCropper from 'vue-cropper'Vue.use(VueCropper)展示页面<template> <div class="info-img"> <upload-img ref="headImg" :imageUrl.sync="ruleForm.headImg" /&g.原创 2021-03-18 11:36:45 · 577 阅读 · 0 评论 -
vue实现登录页阻止/避免浏览器对输入框的自动填充(element UI)
vue实现登录页阻止浏览器自动填入1. 效果图2. 详细解析2.1 输入框代码2.2 参数说明3. 完整代码1. 效果图浏览器自动填入的效果图如下:2. 详细解析2.1 输入框代码<el-form-item label="登录名" prop="idNo"> <el-input v-model="loginForm.idNo" placeholder="请输入邮箱/手机号/登录名"></el-input></el-form-item>&l原创 2021-03-16 15:56:29 · 4984 阅读 · 0 评论 -
vue实现修改密码页面(使用键盘监听事件阻止浏览器对密码输入框的提示)
vue实现修改密码(ant design of vue)1.效果图2.重要代码2.1输入框2.2输入框校验2.3键盘监听事件3.完整代码及详解1.效果图2.重要代码2.1输入框若是使用传统的密码框,怎么都阻止不了浏览器的提示。(详情参考修改密码的实现 – element UI 这是我之前尝试使用密码框后再加各种阻止提示的参数,但是最终发现还是会收到浏览器的提示,如下图所示)因此换成普通的输入框,再使用键盘监听事件将用户输入的密码隐藏。<a-form-model :layout="'h原创 2021-03-16 14:52:14 · 2462 阅读 · 0 评论 -
报错:unresolved variable $bus 及 “TypeError: Cannot read property ‘$on‘ of undefined“
报错情况如下:原因没有安装vue-bus插件解决方法$ yarn add vue-bus$ npm install vue-bus --save在main.js文件中import Vue from 'vue';import VueBus from 'vue-bus'; Vue.use(VueBus);原创 2021-03-16 11:15:25 · 1688 阅读 · 0 评论 -
报错:Duplicate keys detected: ‘0‘. This may cause an update error. (key值不唯一问题)
报错信息如下:原代码:<span v-for="(item,index) in blankTitle" :key="index"> <span>{{item}}</span></span><span v-for="(resultItem,resultIndex) in resultData" :key="resultIndex"> <span>{{resultItem}}</span></s原创 2021-03-12 14:24:31 · 268 阅读 · 0 评论 -
搭建vue项目 -- vue-cli + Element UI + ant-design-vue + 各种安装包详解
搭建vue项目 + 各种安装包详解前期准备及基础实现后期完善1. 主要文件内容:1.1 main.js文件:1.2 vue.config.js文件:1.3 ./router/index.js文件:1.4 ./mock/index.js1.5 ./apiWay/index.js2. 安装包2.1 安装element-ui 和 ant-design-vue2.2 安装vue-router2.3 安装axios和mockjs2.4 安装vuex2.5 安装less 和 less-loader2.6 安装sass原创 2021-03-01 17:18:23 · 1132 阅读 · 2 评论