uniapp挂载全局对象后调用变量提示undefined

如果您在uniapp中挂载了全局对象，但在调用该对象的变量时提示undefined，可能是因为您没有正确地引用该全局对象。请确保在需要使用该全局对象的页面或组件中正确地引用了该对象，例如：

1. 在main.js中定义全局对象：

Vue.prototype.$myGlobal = {
  name: 'Global Object'
}

2. 在需要使用该全局对象的页面或组件中引用该对象：

export default {
  mounted() {
    console.log(this.$myGlobal.name) // 输出：Global Object
  }
}

如果您已经正确地引用了该全局对象，但仍然无法访问该对象的属性或方法，请检查该对象是否已正确地初始化。

相关问题

uniapp定义全局变量

在Uniapp中定义全局变量可以使用Vue的全局属性$store或者直接在App.vue中定义。具体步骤如下：

1. 在main.js中创建Vue实例，并将其挂载到全局变量Vue上：

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

const app = new Vue({
  render: h => h(App)
})

// 挂载到全局变量上
Vue.prototype.$app = app

2. 在App.vue中定义全局变量，在data中添加一个对象，将需要的全局变量添加到该对象中，例如：

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      globalData: {
        name: 'Uniapp',
        version: '1.0.0'
      }
    }
  }
}
</script>

3. 在需要使用全局变量的组件中，可以通过this.$root.globalData来获取全局变量，也可以通过this.$app.globalData来获取全局变量。例如：

<template>
  <div>{{ name }}</div>
</template>

<script>
export default {
  name: 'HelloWorld',
  computed: {
    name() {
      return this.$root.globalData.name
    }
  }
}
</script>

注意：如果使用了Vuex，可以将全局变量存储在Vuex的state中。

uniapp中全局页面挂载弹框组件

在uniapp中，你可以将弹框组件挂载到全局页面中，以便在任何页面中都能使用它。

首先，创建一个弹框组件，比如叫做 MyPopup。

在 App.vue 文件中，引入 MyPopup 组件，并在 mounted 钩子函数中挂载到全局：

<template>
  <div>
    <MyPopup ref="popup" />
    <router-view />
  </div>
</template>

<script>
import MyPopup from '@/components/MyPopup'

export default {
  components: {
    MyPopup
  },
  mounted() {
    uni.$popup = this.$refs.popup
  }
}
</script>

在上面的代码中，我们将 MyPopup 组件挂载到了 uni.$popup 上，这样在任何页面中都可以通过 uni.$popup 引用到这个组件。

现在，在任何页面中都可以使用 uni.$popup.show() 方法来展示弹框了。例如：

<template>
  <button @click="showPopup">显示弹框</button>
</template>

<script>
export default {
  methods: {
    showPopup() {
      uni.$popup.show()
    }
  }
}
</script>