![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
vue3 + vite + ts + script setup
iZaiZaiA
123
展开
-
vue3 <script setup> 子组件,获取父组件的数据
vue3 <script setup> 中 子组件,获取父组件的数据父组件<template> <div> <slot/> </div></template><script lang="ts" setup>const props = defineProps({ type: { type: String, default: 10 }})</s原创 2021-07-13 16:20:24 · 5509 阅读 · 0 评论 -
vue3 <script setup> 自定义组件中,判断 slot 是否有内容。
vue script setup 自定义组件中,判断 slot 是否有内容。<template> <div> <slot/> <slot name="test"/> </div></template><script lang="ts" setup>import { useSlots } from "vue";//判断<slot/>是否有传值const slotDe原创 2021-07-13 16:15:03 · 9582 阅读 · 0 评论 -
vue3 <script setup> 执行子组件里的方法函数
vue3 script setup 执行子组件里的方法函数在搞自定义组件开发的时候,遇到的问题,vue2时,子组件里的方法函数,可以直接通过 this.$refs.xxx.xxxx() 来执行,但在vue3中,尤其是 <script setup> 中,是不允许这样的,由于 <script setup> 目前没啥文档,相关资料,不太好找,最后再github反馈,才找到解决方案,这个方案,很简单,实际上,就是vue2的思维,没转换过来。自定义组件<template>原创 2021-07-13 15:58:37 · 6113 阅读 · 4 评论