04 2023 档案
摘要:插槽用大白话讲就是:在子组件中用slot标签占个位置,然后在父组件中,子组件标签里嵌套一个标签,然后执行的时候用嵌套的标签替代slot 子组件:组件MySon定义了一个默认插槽,用slot标签表示。当父组件使用MySon时,可以在其标签内放置任意内容,该内容将会替换掉slot标签。 1 <templ
阅读全文
摘要:在常用的flex布局中,当页面展示商品时,因为数据的不确定,导致justify-content设置成space-between,最后一行布局错乱 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <met
阅读全文
摘要:本篇讨论vue中使用$emit实现子向父通信, 第一步:我们在父组件中注册子组件,然后再给子组件标签添加一个自定义事件监听,这样在子组件实例上就绑定了一个自定义的事件add。 后面如果触发add事件,那么就会执行addBtnClick函数。 1 <template> 2 <div> 3 <h1>当前
阅读全文
摘要:暂时先不考虑v-for的key,查看下面的代码 <template> <div> <form @submit.prevent="addTask"> <span>请输入待办事项:</span> <input type="text" placeholder="请输入..." v-model="text"
阅读全文