上一页 1 2 3 4 5 6 7 ··· 10 下一页
2022年10月21日
子组件为父组件传递数据（使用自定义事件）
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-10-21 10:44 张尊娟 阅读(32) 评论(0) 推荐(0)
父组件为子组件传递数据（数据校验）
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-10-21 10:42 张尊娟 阅读(29) 评论(0) 推荐(0)
父组件为子组件传递数据（动态数据）
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-10-21 10:41 张尊娟 阅读(47) 评论(0) 推荐(0)
父组件为子组件传递数据（静态数据）
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-10-21 10:39 张尊娟 阅读(34) 评论(0) 推荐(0)
2022年9月25日
数组遍历的方法
摘要： 数组遍历的方法 forEach 类似与for循环 不会改变原数组 将数组中的2全部加1 const arr = [1,2,3,2] var newArr = [] arr.forEach(v=>{ if(v 2){ v=v+1 } newArr.push(v) }) console.log(newA 阅读全文
posted @ 2022-09-25 20:24 张尊娟 阅读(43) 评论(0) 推荐(0)
2022年9月15日
better-scroll 的使用（实现滑动，解决默认向上滚动一段距离，实现字母索引导航）
摘要： better-scroll 实现滑动页面 [下载] npm i better-scroll --save [引入] 在需要的文件里引入 import BScroll from 'better-scroll' [html结构] 一个大的.wrapper 和.content 注意，需要滑动的页面在一个d 阅读全文
posted @ 2022-09-15 19:50 张尊娟 阅读(418) 评论(0) 推荐(0)
2022年8月9日
动态绑定src找不到图片，地址报错
摘要： 动态绑定src找不到图片，地址报错 直接用地址绑定src时，会被解析成字符串，地址会报错，需要加require, 加载本地图片时需要用require 梦幻联动 两年前的记录 阅读全文
posted @ 2022-08-09 16:59 张尊娟 阅读(118) 评论(0) 推荐(0)
2022年8月4日
请输入数字并允许输入两位小数
摘要： 请输入数字并允许输入两位小数 var checkNumber = (rule, value, callback) => { let re = /^\d+(\.\d{0,2})?$/ if (value '') { callback(new Error('请输入')) } else if (!re.t 阅读全文
posted @ 2022-08-04 19:11 张尊娟 阅读(28) 评论(0) 推荐(0)
请输入至少八位以上的数字加大小写字母组合
摘要： 密码校验 var checkPass = (rule, value, callback) => { // let re = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,}$/ let re = /^(?![A-Za-z]+$)(?![A-Z\d]+$)(?![a 阅读全文
posted @ 2022-08-04 19:08 张尊娟 阅读(114) 评论(0) 推荐(0)
resetFields 失效
摘要： resetFields重置注意事项 ref要有 prop也要有 两者缺一不可 // 重置 reSet() { this.$refs.selectForm.resetFields() this.selectAll() } 阅读全文
posted @ 2022-08-04 19:05 张尊娟 阅读(53) 评论(0) 推荐(0)
element 实现上传功能
摘要： 上传 方法1： 直接在action里把地址写死 如果需要传数据用 :data ={} 来传 如果需要头部添加token，可以使用:headers={} 来添加 此方法可以使用elementui中的success方法 <el-form-item label="上传背景图" prop="backgrou 阅读全文
posted @ 2022-08-04 18:47 张尊娟 阅读(473) 评论(0) 推荐(0)
2022年7月14日
前端部署
摘要： 前端部署 在linux环境下部署前端代码 一、【基础环境配置】 1、安装node ，并配置环境变量(编辑运行唤醒) 2、安装git 3、安装Nginx，并规划好前端存放的位置 二、【编译打包】 1、使用git 获取或更新指定分支的代码 2、进入项目目录（有package.json的目录下） 3、执行 阅读全文
posted @ 2022-07-14 19:41 张尊娟 阅读(473) 评论(0) 推荐(0)
2022年5月16日
vue动态添加类名
摘要： vue动态添加类名 1. 三元运算表达式 :class="show==true? 'style1':'style2'" 2.多个类名 使用Boolean值来判断类名是否生效 ：class="{votes:true,votes2:2>1}" 3. 多个类名，且有固定类名 :class="[owl,{ 阅读全文
posted @ 2022-05-16 10:51 张尊娟 阅读(443) 评论(0) 推荐(0)
新建vue项目，解决首行爆红问题
摘要： 新建vue项目，解决首行爆红问题 全局搜索：parserOptions 添加：requireConfigFile : false parserOptions: { parser: '@babel/eslint-parser', "requireConfigFile" : false }, 解决了AP 阅读全文
posted @ 2022-05-16 10:38 张尊娟 阅读(742) 评论(0) 推荐(0)
2022年5月15日
安装、卸载脚手架
摘要： 1、安装、卸载 vue-cli2： 全局安装：npm install -g vue-cli 或 cnpm install -g vue-cli 卸载：npm uninstall -g vue-cli 或 cnpm uninstall -g vue-cli vue-cli3： 全局安装：npm ins 阅读全文
posted @ 2022-05-15 11:30 张尊娟 阅读(212) 评论(0) 推荐(0)
搭建vue脚手架
摘要： 搭建vue脚手架 一般是安装全局脚手架，-g （如果电脑中有，可以不用安装，如果电脑中的脚手架不是自己想要的，可删除重新安装，详细步骤请参考） 适用于vue-cli3，vue-cliu4 npm install -g @vue/cli 创建项目 vue-cli2 vue init webpack i 阅读全文
posted @ 2022-05-15 11:29 张尊娟 阅读(38) 评论(0) 推荐(0)
2022年5月12日
事件循环
摘要： 事件循环 事件循环即js运行机制 js是单线程，先同步后异步，先微观再宏观 所有同步任务都在主线程进行，形成一个执行栈， 主线程之外还有一个“任务队列”，异步任务有了结果会在任务队列中防止一个事件 一旦执行栈中的所有同步任务完成之后，系统默认会读取任务队列中的的事件，结束等待状态 主线程不断重复第三 阅读全文
posted @ 2022-05-12 23:40 张尊娟 阅读(96) 评论(0) 推荐(0)
2022年4月29日
incoming change和current change
摘要： incoming change和current change 提交代码时冲突。 如果远端代码和本地修改有冲突，是不会拉取代码成功的，也就是说，只有把代码贮藏【stash】起来，才能拉取到最新代码，这时候 应用贮藏的时候就可能会发生冲突，这种情况下，stash的代码就是incoming change， 阅读全文
posted @ 2022-04-29 00:16 张尊娟 阅读(7861) 评论(1) 推荐(3)
2022年4月26日
点击各个按钮，在执行操作之前出现确认提示框
摘要： 需求分析：点击各个按钮，在执行操作之前出现确认提示框 有的按钮是携带参数的，需要传两个参数判断，所以handDilog函数接受两个参数，第一个是储存他代表哪个方法，第二个参数是这个按钮获取的数据 点击弹框的确认按钮将执行对应的方法，用switch函数判断是哪个方法 ​ <el-button type 阅读全文
posted @ 2022-04-26 23:54 张尊娟 阅读(229) 评论(0) 推荐(0)
Expected Number with value 8, got String with value "8".
摘要： Expected Number with value 8, got String with value "8". 看到控制台有这样的一行报错，仔细检查发现忘记加 冒号了： 如 <el-col :span=8> 阅读全文
posted @ 2022-04-26 23:41 张尊娟 阅读(783) 评论(0) 推荐(1)
上一页 1 2 3 4 5 6 7 ··· 10 下一页