picker + popup 使用问题

[LeungKaMing]

Mint UI version

2.1.1

What is Expected?

点击field组件的时候，popup弹出来，我什么都不选（默认显示是 广东广州越秀区），然后变为 广东广州越秀区。

What is actually happening?

默认还是 广东广州天河区

Code

<template>
  <div class="work-info">
    <section>
      <mt-cell title="工作地址" @click.native="popUp('area')" value="请填写工作地址">
        {{area}}
      </mt-cell>
      <mt-popup position="bottom" v-model="areaSwitch">
        <mt-picker :slots="areaPicker" @change="areaChange"></mt-picker>
      </mt-popup>
    </section>
  </div>
</template>

<style>
  .mint-popup{
    width: 100%;
  }
  .mint-field-core{
    text-align: right;
  }
</style>

<script>
    const prov = {
    '广州': ['越秀区', '荔湾区'],
    '深圳': ['罗湖区', '宝安区'],
    '广州2': ['越秀区2', '荔湾区2'],
    '深圳2': ['罗湖区2', '宝安区2']
  }

  export default{
     data () {
      return {
        areaSwitch: false,
        areaPicker: [
          {
            flex: 1,
            // 只填写直观显示的第一个插槽的‘省’数组，实际上是由addrChange方法和‘省’数组带动
            values: ['广东'],
            className: 'slot1',
            textAlign: 'center'
          }, {
            divider: true,
            content: '-',
            className: 'slot2'
          }, {
            flex: 1,
            // 同上，只填写直观显示的第二个插槽的‘市’数组
            values: ['广州', '深圳', '广州2', '深圳2'],
            className: 'slot3',
            textAlign: 'center'
          }, {
            divider: true,
            content: '-',
            className: 'slot4'
          }, {
            flex: 1,
            // 同上，只填写直观显示的第三个插槽的‘区’数组
            values: ['越秀区', '荔湾区'],
            className: 'slot5',
            textAlign: 'center'
          }
        ]
      }
    },
    methods: {
      popUp (type) {
        switch (type) {
          case 'area':
            this.areaSwitch = true
            break
        }
      },
      /**
       * 地址选择
       * @function addrChange
       */
      areaChange (picker, values) {
        values[0] = !values[0] ? '广东' : values[0]
        // 绑定第三个插槽的值
        picker.setSlotValues(2, prov[values[1]])
        this.$data.area = values[0] + values[1] + values[2]
      }
    }
  }
</script>

Try

想过在popup组件插入<div @click.native="test()"> 但是后来发现是真的插进去了，不能用click.native方法，然后就卡在这里了。。。求大佬们解答下

[LeungKaMing]

已解决 不停翻issue翻到的 #507