问题标签 [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 投票
2 回答
29501 浏览

vue.js - Vue 3 Composition API - 如何获取安装组件的组件元素($el)

我想用来onMounted启动第三方库。为此,我需要组件元素作为其上下文。在 Vue 2 中,我会得到它,this.$el但不确定如何使用组合函数来完成它。setup有两个参数,它们都不包含元素。

0 投票
2 回答
2638 浏览

rollup - 使用汇总设置 vue3?

我想使用现在可用的 vuejs3 测试版设置一个项目。我想把它编译成es模​​块,所以我不能使用webpack。

是否有任何可用的种子项目/指南可以使用汇总设置 vue3 以发出 es 模块包。

0 投票
1 回答
309 浏览

typescript - 添加 vue3 后,npm run serve 不起作用

我有一个带有 vue 的打字稿项目,之后

该项目无法运行

给出的错误是:

0 投票
1 回答
42 浏览

javascript - 我正在使用 vue-date-pick 进行日历输入。但我想禁用所有以前的日期,期待今天即将到来的日期

在各个库的文档(https://dbrekalo.github.io/vue-date-pick/)中,有一个部分可以解决此问题,但它用于禁用即将到来的日期。请帮忙,我在这里给出文档解决方案的代码片段(我想禁用过去的日期)

0 投票
1 回答
7167 浏览

vue.js - 将引用数组传递给子组件时,如何使引用数组在 Vue 3 组合 API 中工作?

我有以下包含这两个组件的待办事项应用程序:AppTodo

应用程序.vue

待办事项

deleteTodo函数在Todo.vue组件中运行良好,但是,我想知道是否可以不传递state对象而是使用ref()类似的对象并传递 todos...

所以在App.vue

代替:

但是,当我尝试这样做时......孩子无法过滤已删除的待办事项并重新分配给todos变量。这行不通。

有什么想法可以让它工作ref吗?

0 投票
1 回答
1738 浏览

javascript - 单击时如何获取数据表中的特定数据值-VueJS?

我有一个v-data-table有一些通用员工数据的。我想知道我是否可以获得我点击的确切值。

我当前的代码很简单,其中的一个片段看起来像这样。

编辑:我正在使用官方 vuetify 文档中的 CRUD-Actions 示例:https ://vuetifyjs.com/en/components/data-tables/

另外,是否可以获取其列名?(上面代码中的标题)谢谢!

0 投票
1 回答
706 浏览

javascript - 从另一个组件覆盖 VueJS 组件方法

我试图从另一个组件覆盖 VueJS 组件方法。

在这里,我想覆盖checkForm另一个 VueJS 文件中的方法。

在 ./src/components/auth_form.vue 中:

我想从 ./src/views/signup.vue 覆盖这个方法:

0 投票
3 回答
8090 浏览

vue.js - 未捕获的错误:[vue-composition-api] 必须在使用任何函数之前调用 Vue.use(plugin)

考虑以下组合函数:

现在,当我想在Vue中使用isAuthenticated计算属性时,会抛出错误“未捕获的错误:[vue-composition-api] must call Vue.use(plugin) before using any function ”:/router/index.js

组件 API 由文件“/boot/auth.js”中的Quasar Framework 启动文件实例化:

有没有办法在组件之外使用导出的计算属性?

根据这个示例,这是一个使用相同组合 API 的库,它应该在对象isAuthenticated内实例化时工作Router。有更多的人为此而苦苦挣扎,但我似乎无法做到这一点。

0 投票
1 回答
486 浏览

typescript - 返回渲染函数时使用 vue-devtools 和 composition-api(例如 JSX)

自从切换到composition-api并返回一个渲染函数(在我的例子中,使用带有 TypeScript 的 JSX构建以允许在模板中输入支持),我已经失去了vue-devtools检查计算属性的能力。这是因为它们不再由组件直接公开(道具仍然可用)。

如何在模板中获得良好的 TypeScript 支持,同时保留 vue-devtools 检查计算属性的能力?

这是一个使用.vue对 vue-devtools 友好但在模板中不支持 TypeScript 的 composition-api 文件的示例:

SomeComponent.vue

这是一个使用.tsx模板中具有适当 TypeScript 支持的文件的示例,但 vue-devtools 不能再computedProperty直接检查:

SomeComponent.tsx

我怎样才能两全其美?

0 投票
1 回答
2594 浏览

vue.js - Vuejs 3中的defineAsyncComponent

我一直在使用 vue3-beta 版本,我刚刚发现defineAsyncComponent新库中有一个。我在互联网上没有找到任何关于此的内容。

只是想知道它的用例是什么以及何时使用它。它与async setup()功能有何不同。以及两者之间的性能比较是什么。