[Vue警告]：道具“缩放”需要双向绑定类型。 （在组件中找到：<map>）

Question

首先，感谢您抽出宝贵时间提供帮助！

我正在尝试将vue-google-maps应用到我的网站中，并且我一直收到这些错误。我究竟做错了什么？我知道这必须是一个简单的解决方案，我忽略了。

[Vue warn]: Prop "zoom" expects a two-way binding type. (found in component: <map>)
[Vue warn]: Prop "center" expects a two-way binding type. (found in component: <map>)

我在我的模板中调用地图：

<map :center="center" :zoom="7"></map>

这是我主模板底部的脚本：

<script>
import { Map } from 'vue-google-maps'

export default {
  data () {
    return {
      showModal: false
    }
  }
  components: {
    Map
  }
}
</script>

这就是我通常导入模板的方式，它们工作得很好，我用Keen-ui做了它并且工作得很好，但由于某种原因我无法让vue-google-maps模块正常工作。

Answer 1

我最终得到了它。显然在文档中它设置为twoWay：true，这要求你使用类似：center.sync。添加.sync后，它开始工作。

在：

<map :center="center" :zoom="7"></map>

后：

<map :center.sync="center" :zoom.sync="7"></map>