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

Question

首先，也是最重要的，谢谢你抽出时间来帮忙！

我正试图在我的网站上实现vue-google地图，并且我不断地发现这些错误。我做错了什么？我知道这肯定是个简单的解决办法，我忽略了一些事情。

[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完成了它，它工作得很完美，但由于某些原因，我无法让vue-google-map模块正常工作。

Answer 1

我终于让它起作用了。显然，在文档中，它被设置为twoWay: true，这要求您使用类似于:center.sync的东西。添加.sync之后，它就开始工作了。

在此之前：

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

之后：

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