- 发布：2022-05-20 10:40
- 更新：2022-05-30 11:45
- 阅读：724
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.4.7
手机系统： 全部
手机厂商： 苹果
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
pages/index/index.nvue 代码
<template>
<view>
vk.a的值是：{{ vk.a }}
</view>
</template>
<script>
export default {
data() {
return {
}
},
onLoad() {
},
methods: {
}
}
</script>
<style>
</style>
main.js 代码
import App from './App'
// #ifndef VUE3
import Vue from 'vue'
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
...App
})
Vue.prototype.vk = {
a:1
}
app.$mount()
// #endif
// #ifdef VUE3
import { createSSRApp } from 'vue'
export function createApp() {
const app = createSSRApp(App)
app.config.globalProperties.vk = {
a:1
}
return {
app
}
}
// #endif
pages/index/index.nvue 代码
<template>
<view>
vk.a的值是：{{ vk.a }}
</view>
</template>
<script>
export default {
data() {
return {
}
},
onLoad() {
},
methods: {
}
}
</script>
<style>
</style>
main.js 代码
import App from './App'
// #ifndef VUE3
import Vue from 'vue'
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
...App
})
Vue.prototype.vk = {
a:1
}
app.$mount()
// #endif
// #ifdef VUE3
import { createSSRApp } from 'vue'
export function createApp() {
const app = createSSRApp(App)
app.config.globalProperties.vk = {
a:1
}
return {
app
}
}
// #endif操作步骤：
- 1、直接通过hbx创建空白项目
- 2、就1个页面，页面代码复制上面代码示例里的index.nvue代码
- 3、复制上面实例代码种的main.js代码
- 4、运行到app
- 5、会发现报错，vk没有定义
- 1、直接通过hbx创建空白项目
- 2、就1个页面，页面代码复制上面代码示例里的index.nvue代码
- 3、复制上面实例代码种的main.js代码
- 4、运行到app
- 5、会发现报错，vk没有定义
预期结果：
正常运行
正常运行
实际结果：
会报错，vk变量没有定义
会报错，vk变量没有定义
bug描述：
HBX3.4.7 nvue在vue2和vue3模式下，均无法通过Vue.prototype.vk = vk 或 app.config.globalProperties.vk = vk方式给vue的this赋值
VK1688 (作者)
好吧
2022-06-05 14:20