Question

我正在使用vue来制作由gis驱动的应用程序，因为地图的中心可以根据用户位置进行更改，所以我将默认位置设置为某些道具，然后将其传递到我的地图组件中以在地图组件中调用Mounted（）挂钩进行渲染。

我认为我非常接近正确地执行此操作，但是当我在控制台中的地图组件中记录道具时，提示它们是未定义的。

我不确定我的应用代码是否出错或子组件代码？

正如您在我的app.vue中看到的那样，我什至试图传递纯整数来测试值，但它们仍未定义。

app.vue

def grad(x, y):
with tf.GradientTape() as tape:
    y_pred = logistic_regression(x)
    loss_val = cross_entropy(y, y_pred)       
return tape.gradient(loss_val, [w, b])

webmap.vue

<template>
    <div id="app">
        <web-map v-bind:centerX="-118" v-bind:centerY="34" />

        <div class="center">
          <b-button class="btn-block" @click="getLocation" variant="primary">My Location</b-button>
        </div>
    </div>


</template>

<script>
import WebMap from './components/webmap.vue';

export default {
    name: 'App',
    components: { WebMap }, 
    data(){
      return{
        lat: -118,
        long: 34
      }
    },
};
</script>

Answer 1

有一个错字。更改：

props:['centerX, centerY'],

收件人：

props:['centerX', 'centerY'],

在vue中使用道具设置默认地图中心

1 个答案: