摘要: HTML: <div class="dialog-wrap"> <ul v-for="item in dataList" :key="item.id"> <li class="dialog-left" v-if="item.sign 'left'"> {{ item.text }} </li> <l 阅读全文
posted @ 2021-05-27 14:04 搬砖的苦行僧 阅读(549) 评论(0) 推荐(0) 编辑
摘要: 代码: <div className="bigPic"> <img src={require('../../images/bg.png')} alt="" /> </div> 此时的图片显示不出来 解决方法一、 再导入的图片后加.default即可 <img src={require('../../ 阅读全文
posted @ 2021-05-20 14:57 搬砖的苦行僧 阅读(3116) 评论(0) 推荐(0) 编辑
摘要: 正三角: .upTriangle{ width: 0; height: 0; border-top: 4px solid #FFFFFF; border-left: 4px solid #FFFFFF; border-right: 4px solid #FFFFFF; border-bottom: 阅读全文
posted @ 2021-05-18 14:03 搬砖的苦行僧 阅读(225) 评论(0) 推荐(0) 编辑
摘要: 方法一:ES6 模板字符串 `` className={`title ${index this.state.active ? 'active' : ''}`} 方法二:join("") className={["title", index this.state.active?"active":nul 阅读全文
posted @ 2021-05-18 14:01 搬砖的苦行僧 阅读(3106) 评论(0) 推荐(0) 编辑
摘要: render () { return ( <label>验 证 码:</label> <div className="flexBetween"> <Input type="text" className="code-input" value={code} onChange={this.onChang 阅读全文
posted @ 2021-05-17 15:11 搬砖的苦行僧 阅读(326) 评论(0) 推荐(0) 编辑
摘要: 遇到的问题: 解决方法: 在module.exports增加配置stats: { children: false }即可解决;即: 阅读全文
posted @ 2021-04-27 15:52 搬砖的苦行僧 阅读(1499) 评论(0) 推荐(0) 编辑
摘要: 像这样代码一堆红线,但是没有任何的报错信息,不影响功能时,这个是Vetur的插件引起的 解决方法: 1. 在VSCode中找到设置 用户 扩展 Vetur 2. 按照下边的方式,找到这个将勾选去掉 如图所示即可: 阅读全文
posted @ 2021-04-22 16:41 搬砖的苦行僧 阅读(2843) 评论(0) 推荐(0) 编辑
摘要: 后端返回的数据的状态值是数值0,1,2,3,4,5;需要将其转化为相对应的文字和颜色,如图所示: HTML: <el-table-column prop="caseStatus" label="状态"> <template slot-scope="scope"> <span :class="scop 阅读全文
posted @ 2021-04-21 10:37 搬砖的苦行僧 阅读(1700) 评论(0) 推荐(0) 编辑
摘要: 1. 中文、英文、数字包含下划线: reg = /^[\u4E00-\u9FA5A-Za-z0-9_]+$/ 2. 只能为数字+字母: reg = /^([a-zA-Z0-9]{18,18}|[a-zA-Z0-9]{15,15})$/ 3. 密码必须8-20位,且包含大小写字母及数字(可使用标点符号 阅读全文
posted @ 2021-04-16 11:25 搬砖的苦行僧 阅读(1913) 评论(0) 推荐(0) 编辑
摘要: 1-999整数 reg = /(^[1-9]\d{0,2}$)/ 或者: reg = /^[1-9][0-9]{0,2}$/ 正整数: reg = /^[1-9]\d*$/ 数字: reg = /^\d+$/ 非空白字符: reg = /\S/ 阅读全文
posted @ 2021-04-16 11:19 搬砖的苦行僧 阅读(2826) 评论(0) 推荐(0) 编辑