问题标签 [vue-sfc]

我正在尝试观察 vuex 中状态的变化。状态是一个数组。我正在通过按下按钮更改该数组的值。每当我按下该按钮并且数组（vuex 状态）发生变化时，我想在屏幕上的列表中显示值。

这是主要的 vuex 商店：

这是我的 vuex 商店模块：

我的第一次尝试是使用计算属性对更改做出反应，但这似乎不起作用。然后，我为该计算属性添加了一个观察者到 console.log 旧值和新值，但观察者似乎永远不会被解雇。

这是我的组件代码：

我已经阅读了一些关于深度观察者的内容，以观察数组值的变化，但我找不到任何对组合 api 和 .

编辑 1：我的观察者现在在嵌套元素更改时触发。这是代码：

不幸的是 oldValue 和 newValue 都返回未定义。

我有一个对象，我使用嵌套的 v-if 语句在屏幕上动态显示。此对象显示为表格。我希望每个“单元格”都有一个单击处理程序，该处理程序返回该确切“单元格”的索引，以便我可以在单击时分配一个值。

这是我的对象：

这是我的html代码：

log 它只是一个简单的函数来控制台记录当前单元格：

使用当前配置，当我单击以 2 开头的行中的单元格时，这是 chrome 开发工具中的输出：

我正在尝试实现这样的输出，以便可以为该变量赋值：

如果有帮助，这里是显示表格的屏幕截图：

我有一个使用脚本设置方法的 Vue 3 单文件组件。我要定义的道具之一将接受class属性的等价物。这意味着 prop 值可以是字符串、表达式、数组或对象。当我尝试使用withDefaults()为这个道具分配一个默认的空字符串值时，问题就来了。

绑定为

我试图避免any用作类型。我尝试unknown了，但是当我尝试给它一个默认值时得到一个错误。临时解决方案似乎是简单地删除默认值，但可能存在我想要设置默认值的情况。

classVue属性是否有特定类型？

我正在使用 SFC 和带有 Vue3（和打字稿）的设置脚本，我似乎无法创建一个嵌套数组的道具：

我是 Vue JS 的新手，并且一直在从提供的文档中学习它。我的项目是添加网络应用程序的简单任务。在使用 v-model 指令时，我没有得到任何输出。我添加任务的javascript函数显然没有被调用。