[Vue warn]:道具“;缩放“;应为双向绑定类型.(在组件中找到:<map>）

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

本文关键字：组件 lt gt map 道具 warn Vue 缩放 绑定 类型      更新时间：2023-09-26

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

我正试图在我的网站上实现vue谷歌地图，但我一直收到这些错误。我做错了什么？我知道这必须是一个简单的解决方案，我忽略了这一点。

[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谷歌地图模块正常工作。

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

之前：

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

之后：

<map :center.sync="center" :zoom.sync="7"></map>
相关文章：