Vue.js Vue-将v-for索引从父组件传递到子组件

我已经做了研究，但找不到好的答案。我的父组件和子组件代码如下。如何将父级中v-for循环的索引传递给子组件以在那里使用？我想在手机屏幕上隐藏任何超过#4的仪表，但在桌面上显示所有仪表

家长：

儿童：

app.component（'data-block'）{
道具：['alarm'、'metric'、'value'、'unit'、'idx']，
模板：`\
{{metric}}\
\
{{value}}\
\
{{unit}\
`,
创建：（）=>console.log（this.idx）//产生“未定义”
})

您正确地传递了

idx

属性，但是不要在

已创建的
挂钩中检查它的值，而是尝试在
模板中显示它，以确保它不存在计时问题（创建子组件时可能没有定义它）：

{{idx}

此外，为了使代码更易于阅读和编写，我建议您将静态类移动到
class
属性，将动态类移动到
v-bind:class
属性，并将其设置为多行：

模板：`
...
`
您是否尝试过在
挂载的
钩子中登录控制台？是否有任何错误<代码>这个
在箭头函数中不应该是正确的。关于箭头，你是对的，我已经忘记了。我确实先在挂载的钩子中尝试了它，但没有得到任何结果，但当时我改变了很多变量，试图让它工作，可能忽略了一些东西。谢谢你的帮助。嗯，我以前没见过v-bind，但我对它还不熟悉。“：”显然是条件句。我很感激你的建议。