问题标签 [vuejs3]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
794 浏览

javascript - 你如何设置带有额外导入的 Vue 3 main.js 文件?

嗨我正在尝试做在 vue 2 中工作的 vue 3 版本的 main.js 文件

Vue 2

vue 3 最佳猜测

无需额外导入即可工作,然后在我添加它们时仅显示白屏

0 投票
1 回答
2266 浏览

javascript - Vue 3 推荐 TypeScript TSConfig compilerOptions TARGET 设置?

在使用 Vue 2 和 Vue CLI 时,这个问题在几个方面让我感到困惑,现在又开始了一个新的 Vue 3.0 beta 项目。

Even with the currently newest Vue CLI version 4.3.1, when choosing TypeScript option, the boilerplate code you are given has compilerOptions target set as esnext in tsconfig.json.

虽然Vue 2 TypeScript 指南正在指导:

目前Vue Next repo 正在使用esnext,虽然此时 IE11 支持尚未准备好(但无论如何可能不会影响此配置)...

使用 Vue 3 时,此编译器目标的推荐设置是什么?

我需要支持低至 IE11 的旧版浏览器,但这个特定的应用程序项目在其初始发布之前有足够的时间等待 Vue 3 的完整发布。

0 投票
1 回答
29 浏览

typescript - Vue Typecript:用类型声明数据

如何使用 Typescript 在 Vue 中实现以下类似功能?

DocumentReference docRef = null

写作docRef: null as DocumentReference给出打字稿错误:

将 null 转换为 DocumentReference 类型可能是一个错误

我不想写docRef: null as any抑制任何相关错误和警告的内容。

0 投票
1 回答
638 浏览

javascript - v-model 使用 Vuetify.js 在代码中更新但不在屏幕上

我有一个问题:我在一个对象
中有 4 个字段: , , . datacontact_idcontact_child_idaddress_id, address

contact_idOR contact_child_idORaddress_id改变时,address更新。

问题
如果 I console.log(data.address),它已更新,但显示的输入字段未更新。

我需要能够手动更改地址,添加一些信息,所以我不能使用计算属性

模板:

脚本

例如console.log(data.value.address)打印,organization\ncontact name\naddress但输入字段不显示更改。

0 投票
1 回答
95 浏览

vue.js - vuejs Datable 无法使用 api 获取的数据

我想使用 vue-datatable 在表中显示数据,但它不起作用。这是我正在使用的代码,我正在获取 json 格式的数据,但它没有附加数据表,任何人都可以帮助我或任何更好的方法来做到这一点。提前致谢

////main.js//// import Vue from 'vue' import { VuejsDatatableFactory } from 'vuejs-datatable'; Vue.use( VuejsDatatableFactory );

在此处输入图像描述

0 投票
6 回答
34560 浏览

vuejs3 - Vue 3 中的 ref 与响应式?

看一些人对 Vue 3 的预览教程的一些例子。[目前正在测试中]

我找到了两个例子:

反应性

参考

0 投票
1 回答
682 浏览

vue.js - Vue3 - 组合函数与 import { functionObject } from 'module'

所以我只是通读了新的 Composition API RFC(链接)。在这里,他们比较了跨组件重用代码的多种方法。其中不包括从模块方法导入。我想那是因为他们严格地谈论 VueJS 并且是为了比较。

在示例中,他们陈述了一种搜索算法。这是我在我的一个项目中使用的。首先,我制作了一个将函数导出为对象的模块:

在我需要组件中的函数的地方,我只是像这样导入它:

现在这是我的问题:

如果我可以从模块中导入函数,为什么还要使用组合函数?

0 投票
3 回答
2264 浏览

vue.js - 为什么动态组件在 vue3 中不起作用?

这是一个有效的 Vue2 示例:

在 Vue3 选项下重做不起作用。不会发生错误,但不会出现组件。

有人研究过vue2 beta版吗?请帮帮我。抱歉语言笨拙,我使用谷歌翻译。

0 投票
1 回答
162 浏览

css - 如何将 CSS 应用到 Vue 3 组件的根目录?

我正在将 Vue 2 源代码移至 Vue 3(测试版),并遇到了这个问题:

细节无所谓。将 应用于text-align: center节点#this是我想要实现的,但没有#this节点。

这是可能的,还是合理的?:)

我尝试了以下方法:

这会执行所需的布局,但会导致浏览器中的堆栈溢出。这当然可能只是 Vue 3 beta 主义。(3.0.0-beta.4)

你将如何进行?保持section原样,或者以某种方式摆脱它?

0 投票
0 回答
41 浏览

typescript - 更改导入组件上的硬编码道具不会触发 HMR

我一直在玩 vue-next(vuejs 的第 3 版)并遇到了 HMR 的问题。这是我的环境和问题的概要,但是:

TL;博士; - 硬编码的道具不会在导入的组件上触发 HMR

关于环境的一些基本信息。我没有包含的任何文件都是 vue-next webpack 预览中的默认文件:https ://github.com/vuejs/vue-next-webpack-preview

包.json

重现步骤

  • 创建一个新的“组件”,我们称之为 Surface。它接受一个高程道具,该道具将用于计算名为 的 CSS 变量--elevation
  • Surface在另一个.vue文件中使用组件:
  • 修改海拔道具。

预期Surface的热模块更换触发并使用调整后的高度道具 重新渲染组件。

结果 Hot Module Replacement 不会在更改时触发,但组件会在重新加载时更新;正如所料。

这似乎只是硬编码道具的问题。当我使用它时const elevation = ref(0);,它工作正常。

渲染的 截图图片