mounted时获取不到data

如果在 `mounted` 钩子函数中无法获取到 `data` 中的数据，可能是因为数据还没有被加载，或者还没有被渲染到页面上。

你可以尝试在 `mounted` 钩子函数中使用 `this.$nextTick()`，该方法会在 DOM 更新完毕后执行回调函数，确保数据已经被渲染到页面上。例如：

mounted() {
  this.$nextTick(() => {
    console.log(this.data)
  })
}

如果数据确实没有被加载，你可以检查数据获取的方法是否正确，并且确保在组件实例创建前就已经获取到了数据。

相关问题

mounted时获取不到props中的数据

在组件的生命周期函数 `mounted` 中获取不到 `props` 中的数据，是因为 `mounted` 生命周期函数在组件渲染完毕后才会执行，此时 `props` 中的数据还没有传递给组件。

如果你需要在组件中获取 `props` 中的数据，可以使用 `watch` 监听 `props` 的变化，并在变化时执行相应的操作。例如：

export default {
  props: {
    propA: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      localPropA: ''
    }
  },
  watch: {
    propA(newVal) {
      this.localPropA = newVal
      // 在这里可以执行相应的操作
    }
  },
  mounted() {
    // 在这里获取不到 props 中的数据，可以在 watch 中监听变化
  }
}

在上面的示例中，我们定义了一个 `watch` 监听 `propA` 的变化，并在变化时将其赋值给 `localPropA`，从而实现了在组件中获取 `props` 中的数据。

vue2 中，在mounted生命周期中使用nextTick,获取不到props

在 `mounted` 生命周期中使用 `nextTick` 是为了确保组件已经渲染完成后再执行一些操作。但是，使用 `nextTick` 并不会影响您在 `mounted` 生命周期中获取 `props`，因为 `props` 已经在组件创建、初始化和挂载过程中被解析和传递给组件了。

如果您在 `nextTick` 回调函数中还是无法获取到 `props`，可能是因为使用了异步更新 `props` 的方式，例如通过 `setTimeout` 或者 `axios` 获取数据之后再传递给子组件。这种情况下，您可以在 `watch` 中监听 `props` 的变化，然后在变化时执行需要的操作。

以下是一个使用 `nextTick` 和 `watch` 的示例代码：

<template>
  <div>
    <p>My name is {{ name }}</p>
  </div>
</template>

<script>
export default {
  props: {
    id: {
      type: Number,
      required: true
    }
  },
  data() {
    return {
      name: ''
    }
  },
  mounted() {
    this.$nextTick(() => {
      console.log('Component is mounted')
    })
  },
  watch: {
    id(newValue, oldValue) {
      console.log('id is changed', newValue, oldValue)
      this.getNameById(newValue)
    }
  },
  methods: {
    getNameById(id) {
      // 通过 axios 获取数据并更新 name
      axios.get(`/api/user/${id}`)
        .then(res => {
          this.name = res.data.name
        })
    }
  }
}
</script>

在上面的代码中，我们使用 `watch` 监听 `id` 的变化，并在变化时调用 `getNameById` 方法更新 `name`。在 `mounted` 生命周期中，我们使用 `nextTick` 等待组件渲染完成后再执行回调函数。这样就可以在组件渲染完成后获取到正确的 `props` 值了。