问题标签 [vue-composition-api]

This is my computed property with a setter. My question is: Why am I returned a Ref<readonly string[]> when I provide a setter? I would expect items to have type Ref<string[]>

单击按钮时，我试图打开“选择文件”对话框，可以this.$refs.fileInput.click()在 VUE 中使用，但这在组合 API 中不起作用。

以下是参考代码：https ://codepen.io/imjatin/pen/zYvGpBq

脚本

模板

谢谢你。

我想知道如何在 vuejs 设置中重置反应式？（我知道是否将其更改为 ref 并使用 view.value 将解决这个问题，但应该有一个使用响应式的答案）

改变反应对象值的正确方法是什么？在 ref 中，您设置为等于值。如何通过反应性来做到这一点并保持反应性？

我的页面上有几个输入，data.qty，data.price，data.total，...
我有一个监视功能，可以在更新数量或价格时更新总数。
如果我观看 console.log(data.value.total) 它给出例如 40 但输入具有不同的值。
确切地说，如果我输入 1，则没有更新，然后如果我继续 2 (12)，那么总数将使用先前的输入 (1) 进行更新，依此类推...

...

...

我有一个问题：我在一个对象
中有 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但输入字段不显示更改。

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

我找到了两个例子：

反应性

参考

我正在尝试在 v-select 中呈现动态 v-icon。
我需要用它的导入值替换图标名称

data.item.icon 是一个字符串，例如“mdiArrowLeft”。

mdiArrowLeft 被导入：从 "@mdi/js" 导入 {mdiArrowLeft} 并在 setup() 中返回。我正在使用组合 API。

我无法将字符串 {{data.item.icon}} 替换为其导入的值
呈现的模板是 mdiArrowLeft 而不是图标。

我使用 vue api 组合从我的状态中获取抽屉值：

在我的组件中，我将变量传递给 vuetify 组件：

我得到了错误：

任何想法如何解决这个问题？状态没有设置器，v-model 影响对象的设置器。所以我不知道它是如何解决的，而是复制所有使用 v-model 并来自该州的对象..在我看来是个坏主意。

那么我该如何解决这个错误呢？

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