map makers状态更新问题

playground.html

<template>
  <view class="container">
  <view @click='handleRandom'>
    更新状态： {{ current }}
  </view>
    <view v-if='house'>
      <map
        :longitude='house.location.longitude'
        :latitude='house.location.latitude'
        :makers='house.location.makers'
        :scale='scale'
      />
    </view>
  </view>
</template>

<style></style>

<script>
  import dayjs from 'dayjs'

  export default {

    data() {
      return {
        current: '',
        house: null,
      };
    },

    created() {
      this.house = {
        location: {
          longitude: 114.187751,
          latitude: 22.306628,
          makers: [
            {
              position: [114.187751, 22.306628],
              title: '何文田',
            },
          ],
        },
      }
    },

    methods: {
      handleRandom() {
        this.current = dayjs().format('YYYY-MM-DD HH:mm:ss')
      },
    },
  };
</script>