xiaoHeMa

2023年4月17日

摘要：插槽用大白话讲就是：在子组件中用slot标签占个位置，然后在父组件中，子组件标签里嵌套一个标签，然后执行的时候用嵌套的标签替代slot 子组件:组件MySon定义了一个默认插槽，用slot标签表示。当父组件使用MySon时，可以在其标签内放置任意内容，该内容将会替换掉slot标签。 1 <templ 阅读全文

posted @ 2023-04-17 22:33 xiaoHeMa 阅读(111) 评论(0) 推荐(0)

2023年4月16日

解决flex布局中justify-content设置成space-between后因数据问题导致最后一行布局错乱

摘要：在常用的flex布局中，当页面展示商品时，因为数据的不确定，导致justify-content设置成space-between，最后一行布局错乱 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <met 阅读全文

posted @ 2023-04-16 21:33 xiaoHeMa 阅读(1078) 评论(0) 推荐(0)

vue中通过$emit实现子向父通信

摘要：本篇讨论vue中使用$emit实现子向父通信，第一步：我们在父组件中注册子组件，然后再给子组件标签添加一个自定义事件监听，这样在子组件实例上就绑定了一个自定义的事件add。后面如果触发add事件，那么就会执行addBtnClick函数。 1 <template> 2 <div> 3 <h1>当前阅读全文

posted @ 2023-04-16 16:02 xiaoHeMa 阅读(65) 评论(0) 推荐(0)

2023年4月8日

在Vue中使用键盘事件，回调函数被执行两次

摘要：暂时先不考虑v-for的key，查看下面的代码 <template> <div> <form @submit.prevent="addTask"> <span>请输入待办事项：</span> <input type="text" placeholder="请输入..." v-model="text" 阅读全文

posted @ 2023-04-08 17:14 xiaoHeMa 阅读(389) 评论(0) 推荐(0)

2023年3月25日

css盒子水平垂直居中的几种方式

摘要：第一种：son盒子中定位的上下左右全部为0，然后margin：auto 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" conten 阅读全文

posted @ 2023-03-25 19:46 xiaoHeMa 阅读(66) 评论(0) 推荐(0)

2022年4月14日

Ubuntu18搭建vue3

摘要：第一步我们可以先更新源（我所有的步骤都在root账户下操作的） sudo apt-get update 然后安装node sudo apt-get install nodejs 安装成功后可以查看版本是否成功安装 node -v nodejs -v 继续安装 npm sudo apt-get ins 阅读全文

posted @ 2022-04-14 17:04 xiaoHeMa 阅读(751) 评论(0) 推荐(0)

公告