update
This commit is contained in:
1 parent
a21491f7cf
commit
c6bdfe6bc5
3 files changed
+46
No files matched your search
@@ -0,0 +1,11 @@
|
|||||||
|
# 与星网项目相关
|
||||||
|
|
||||||
|
---
|
||||||
|
* TabList用法
|
||||||
|
```html
|
||||||
|
<TabList v-model:value="activeTabName" :tabs="tabs"></TabList>
|
||||||
|
```
|
||||||
|
导入
|
||||||
|
```ts
|
||||||
|
import TabList from '@/components/tabList.vue'
|
||||||
|
```
|
||||||
@@ -0,0 +1,27 @@
|
|||||||
|
# 与vue项目相关
|
||||||
|
|
||||||
|
---
|
||||||
|
## 具名作用域插槽
|
||||||
|
* 具名作用域插槽的工作方式也是类似的,插槽 props 可以作为 v-slot 指令的值被访问到
|
||||||
|
|
||||||
|
```
|
||||||
|
<MyComponent>
|
||||||
|
<template #header="headerProps">
|
||||||
|
{{ headerProps }}
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #default="defaultProps">
|
||||||
|
{{ defaultProps }}
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #footer="footerProps">
|
||||||
|
{{ footerProps }}
|
||||||
|
</template>
|
||||||
|
</MyComponent>
|
||||||
|
```
|
||||||
|
* 传入props
|
||||||
|
```
|
||||||
|
<slot name="header" message="hello"></slot>
|
||||||
|
```
|
||||||
|
* 是由插件传回父组件,如上面的message会被headerProps收到,可以根据此进行进一步的处理。
|
||||||
|
---
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
## 记录每日目标
|
||||||
|
|
||||||
|
*
|
||||||
|
---
|
||||||
|
|
||||||
|
# 2024.7.4
|
||||||
|
* 完成作品回放页面 (X)
|
||||||
|
---
|
||||||
Reference in new issue
Block a user