问题标签 [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.
vue.js - Vue 3 Composition API - 如何获取安装组件的组件元素($el)
我想用来onMounted
启动第三方库。为此,我需要组件元素作为其上下文。在 Vue 2 中,我会得到它,this.$el
但不确定如何使用组合函数来完成它。setup
有两个参数,它们都不包含元素。
rollup - 使用汇总设置 vue3?
我想使用现在可用的 vuejs3 测试版设置一个项目。我想把它编译成es模块,所以我不能使用webpack。
是否有任何可用的种子项目/指南可以使用汇总设置 vue3 以发出 es 模块包。
typescript - 添加 vue3 后,npm run serve 不起作用
我有一个带有 vue 的打字稿项目,之后
该项目无法运行
给出的错误是:
javascript - 我正在使用 vue-date-pick 进行日历输入。但我想禁用所有以前的日期,期待今天即将到来的日期
在各个库的文档(https://dbrekalo.github.io/vue-date-pick/)中,有一个部分可以解决此问题,但它用于禁用即将到来的日期。请帮忙,我在这里给出文档解决方案的代码片段(我想禁用过去的日期)
vue.js - 将引用数组传递给子组件时,如何使引用数组在 Vue 3 组合 API 中工作?
我有以下包含这两个组件的待办事项应用程序:App
和Todo
应用程序.vue
待办事项
该deleteTodo
函数在Todo.vue组件中运行良好,但是,我想知道是否可以不传递state
对象而是使用ref()
类似的对象并传递 todos
...
所以在App.vue
代替:
但是,当我尝试这样做时......孩子无法过滤已删除的待办事项并重新分配给todos
变量。这行不通。
有什么想法可以让它工作ref
吗?
javascript - 单击时如何获取数据表中的特定数据值-VueJS?
我有一个v-data-table
有一些通用员工数据的。我想知道我是否可以获得我点击的确切值。
我当前的代码很简单,其中的一个片段看起来像这样。
编辑:我正在使用官方 vuetify 文档中的 CRUD-Actions 示例:https ://vuetifyjs.com/en/components/data-tables/
另外,是否可以获取其列名?(上面代码中的标题)谢谢!
javascript - 从另一个组件覆盖 VueJS 组件方法
我试图从另一个组件覆盖 VueJS 组件方法。
在这里,我想覆盖checkForm
另一个 VueJS 文件中的方法。
在 ./src/components/auth_form.vue 中:
我想从 ./src/views/signup.vue 覆盖这个方法:
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
。有更多的人为此而苦苦挣扎,但我似乎无法做到这一点。
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
我怎样才能两全其美?
vue.js - Vuejs 3中的defineAsyncComponent
我一直在使用 vue3-beta 版本,我刚刚发现defineAsyncComponent
新库中有一个。我在互联网上没有找到任何关于此的内容。
只是想知道它的用例是什么以及何时使用它。它与async setup()
功能有何不同。以及两者之间的性能比较是什么。