vue3学习笔记六:computed、props使用
props: {passengers: {type: Array as PropType<any[]>,default: () => []}},setup(props) {const state = reactive({count: 0,childPayPopShow: false,progress: new Array(99),passengerName:...
·
props: {
passengers: {
type: Array as PropType<any[]>,
default: () => []
}
},
setup(props) {
const state = reactive({
count: 0,
childPayPopShow: false,
progress: new Array(99),
passengerName: computed(() => {
let str = ''
props.passengers.forEach(item => {
const { passengerType, name } = item
if (str) str += '、'
str += name
if (passengerType == 2) {
str += '(儿童)'
} else if (passengerType == 3) {
str += '(学生)'
}
})
return str
})
})
更多推荐
已为社区贡献71条内容
所有评论(0)