|
@@ -1,8 +1,9 @@
|
|
|
-import { defineComponent, reactive } from 'vue'
|
|
|
+import { defineComponent, reactive, watch } from 'vue'
|
|
|
import styles from './point.module.less'
|
|
|
import iconMulv from '../image/icon-mulv.svg'
|
|
|
import iconArrow from '../image/icon-arrow.svg'
|
|
|
-import { Collapse, CollapseItem } from 'vant'
|
|
|
+import iconZhibo from '../image/icon-zhibo.svg'
|
|
|
+import { Collapse, CollapseItem, Icon } from 'vant'
|
|
|
export default defineComponent({
|
|
|
name: 'points',
|
|
|
props: {
|
|
@@ -22,7 +23,10 @@ export default defineComponent({
|
|
|
emits: ['handleSelect'],
|
|
|
setup(props, { emit }) {
|
|
|
const pointData = reactive({
|
|
|
- active: props.tabActive || '1610827376354500609' || ''
|
|
|
+ active: props.tabActive || ''
|
|
|
+ })
|
|
|
+ watch(() => props.tabActive, () => {
|
|
|
+ pointData.active = props.tabActive
|
|
|
})
|
|
|
return () => (
|
|
|
<div class={styles.container}>
|
|
@@ -58,6 +62,7 @@ export default defineComponent({
|
|
|
}}
|
|
|
>
|
|
|
{n.name}
|
|
|
+ <Icon name={iconZhibo} />
|
|
|
</div>
|
|
|
)
|
|
|
})}
|