- 博客(18)
- 收藏
- 关注
原创 组件通信(非父子)
在接收方进行对应的事件监听Bus.$on,参数值为具体监听的事件,后面跟上对应的回调。在发送方定义事件监听函数,用Bus.$emit发送数据,点击b组件中的按钮,a组件内打印出对应文字。在发送发和接收方的组件内都需要导入该事件。非父子组件之间通信则需要借助事件总线。
2023-09-05 20:14:37
89
原创 vue组件通信(父子)
3.在子类中export default内与data同级定义props,以一维string类型数组的形式接收父类传递的参数名。3.处理函数的参数值就是this.$emit中提交的事件值,用this. data中return内的变量值就可以完成更新。1.子类中定义按钮,添加点击的监听事件,methods中定义对应的处理函数通过this.$emit发射对应事件名和事件值。2.在父组件中监听子组件的事件名,在父类的methods中提供对应处理函数。2.在父类的子组件上添加事件,事件值是定义的变量名。
2023-09-05 14:51:55
87
原创 vue模块化组件的使用(全局组件和局部组件)
要想注册全局组件,则除了写对应的.vue文件外,还需要在main.js中进行导入和配置,完成这两步操作即可在所有的组件内使用定义好的全局组件。首先定义三个vue组件,注意:<template></template>之间最大子集div只能有一个。(内部的<selfButton>组件为全局组件,下文会提到)如上组建均要在app.vue中注册才能使用。(此处使用了element插件库的样式)该方法将这三个组件注册成为了局部组件。vue模块化的组件开发。
2023-09-05 09:46:07
99
转载 vscode 文件模板vue.json的配置方法以实现vue模板的快速创建
如图先搜索vue.json(文件->首选项->配置用户代码片段)在打开的文件里面注释掉全部内容(以后可能会用到,暂时不删除)保存以后可以在vue文件中输入“vue”一键生成vue代码。使用vs code写vue项目时,无法一键生成vue模板。
2023-09-04 23:18:46
347
1
原创 子div与父div上边界重合
此时需要利用overflow: hidden;来清除浮动,如此即可解决上边距塌陷的问题。子div与父div上边界重合,导致margin-top无法控制距离上部距离。
2023-09-04 14:32:10
63
1
原创 对字符串数组运用steam流进行特殊处理
最后将所有男性的字符串进行截取,将姓名作为键,年龄作为值,存储到map集合中。定义字符串数组存储被“-”分隔的姓名,年龄,性别。接着获取所有性别为男的字符串,并打印。首先截取0索引的名字,得到:张三;
2023-08-03 14:00:49
122
原创 判断某2000年是否为闰年
获取时间对象,设置时间3月1日,对该日期-1,判断这一天是这个月的第几天(Day_of_Month)注意:jkd7中的Calendar对象规定月份从0开始到11月结束。
2023-07-28 08:18:48
51
1
原创 拼图小游戏--游戏界面代码
其中包含更换图片,重新开始,退出登录,关闭界面,还有关于我们等功能,有Q键查看最终效果,R键一键通关的特殊按键功能。拼图小游戏,通过上下左右键或者awds键实现拼图的移动,以完成拼图。在test类中直接调用。
2023-07-24 08:42:40
131
原创 学生管统基础代码(控制台版)--增删改查学生信息
学生管理系统基础代码,java基础知识版,思维简单有一定逻辑漏洞。学生管理系统基础代码,java基础知识版,思维简单有一定逻辑漏洞。
2023-07-13 20:31:01
67
1
原创 学生管理系统基本代码(控制台版)--登陆、注册
学生管理系统基础代码,java基础知识版,思维简单有一定逻辑漏洞。底层基础代码,思维简单,有一定的逻辑漏洞。test1类--主方法类。
2023-07-13 20:17:53
260
1
原创 随机生成验证码
secondCode生成的验证码中有一个随机数字和五个字母,数字可以出现在任意位置。做验证码验证操作时可以根据是否忽略大小写调用不同的方法。firstCode生成六位字符,无特殊字符要求。随机生成六位字符的验证码。
2023-07-13 17:21:43
66
1
原创 HTML标签
reset:定义重置按钮。text:定义单行的输入字段,默认宽度为 20 个字符。Url:定义Url地址,提交表单时能自动验证Url的值。file:定义输入字段和 "浏览"按钮,供文件上传。<video src="视频路径"></video><textarea></textarea> 文本域。<font></font> 文本样式标签。image:定义图像形式的提交按钮。<table></table> 表格。<thead></thead> 表头。hidden:定义隐藏的输入字段。
2023-05-03 14:12:12
25
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人