赞
踩
<script lang="ts" setup>
interface PersionItem {
id: number
value: number
imageSrc: string
label: string
}
const props = defineProps({
personData: {
type: Array as () => PersionItem[],
default: () => []
}
})
console.log(props.personData)
<script lang="ts">
interface Option {
imageSrc: String
fileName: String
modifierInfo: String
path: String
origin: String
}
export default {
props: {
listData: {
type: Array as () => Option[],
default: () => []
}
},
setup(props, { emit }) {
console.log(props.listData)
return {}
}
}
</script>
<script lang="ts" setup>
import { defineEmits } from 'vue'
// 定义
const emit = defineEmits(['checkPerson'])
const check = () => {
emit('checkPerson', personID.value)
}
</script>
<script lang="ts">
export default {
emits: ['focusEvent', 'blurEvent'],
setup(props, { emit }) {
// const emit = defineEmits(['debouncedInput', 'focusEvent', 'blurEvent'])
// 获得焦点事件
const focusFn = () => {
emit('focusEvent')
}
// 失去焦点事件
const blurFn = () => {
emit('blurEvent')
}
return { focusFn, blurFn }
}
}
</script>
引入后直接用
<script lang="ts">
import fileNameItem from './fileNameItem.vue'
export default {
// 局部注册组件
components: {
fileNameItem
},
setup(props, { emit }) {
return {}
}
}
</script>
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。