v-for相关内容

V-表示作为道具(对象数组)的子组件中的复选框值

我有两个组件‘Parent’和‘Child’。每个辅元件都有复选框:选中道具。在父组件中,我迭代对象数组并将道具传递给子组件。我可以将事件从子元素发送回父元素,并在数组中重新分配新值,但组件不会重新呈现。 我试图做的是获得一些无线电群体行为,但不在复选框内。当单击一个复选框时,需要将其他复选框设置为False。我可以清楚地看到数组已被修改,但组件未重新呈现( 这是沙盒链接 https:// ..
发布时间:2022-07-14 17:36:07 前端开发

更改:vc-date-picker中的值>使用 v-for 的 v-text-field

我希望 :value 自动从 inputValue.start 更改为 inputValue.end.所以当我点击结束日期时,它应该在第二个文本字段中更新.同样,如果我在第二个文本字段中选择一个日期范围,第一个文本字段也应该再次更新.在这个问题的最后,您可以看到两种情况的结果. P.S.:我使用 Vue.js 的 V-Calendar 插件.vc-date-picker 元素来自这个插件. ..
发布时间:2021-09-20 19:58:06 前端开发

迭代对象时访问 v-for 中的索引

我正在尝试访问 Vue 的 v-for绑定. 这是对象: const obj = {对象 1:{一些数据'},对象 2:{一些数据'},对象3:{一些数据'}} 我正在遍历它: {{ object.some }} 问题是,与循环array相反,index变量在循环object的情况下不保持迭代索引(例如0、1、2)但实际上持有对象名称obj1、obj2, obj3. 为什么会 ..
发布时间:2021-09-20 19:54:25 前端开发

更改特定索引而不在Vuejs中重新渲染整个数组

在Vuejs 项目中,我的数据对象 中有一个数组,并使用v-for 将其呈现在视图中 指令.现在,如果我更改该数组中的特定索引,Vue 会在视图中重新渲染整个数组.有没有办法在不重新渲染整个数组的情况下查看视图中的变化? 这个问题背后的原因是我的数组的其他索引正在处理或做一些事情,当整个数组在视图中重新渲染时,这些进程会停止. 解决方案 在 Vue 1.x 中,我们有 track-b ..
发布时间:2021-09-20 19:46:47 前端开发

Vuejs - 如何使用 v-for 获取数组中的所有唯一值(删除重复项)

如何在每个 distinct date 只显示一个按钮? 我可以使用两个 v-for 循环吗?如何在循环中选择不同的值? 数据模型: allQuestions : []问题:{'id':'123','日期':'25'} 解决方案 您可以使用 设置: Set 对象允许您存储任何类型的唯一值,无论是原始值还是对象引用. MDN 的例子: const numbers ..
发布时间:2021-09-20 19:27:40 前端开发

自动选择 v-for vue js 中的第一个选项

我正在循环一个数组以生成如下下拉列表 我正在尝试将下拉列表的值默认为其第一个值. 值正在显示,但第一个选项没有被选中. 我的代码有什么错误.请帮忙!! 解决方案 您可以将 data() 中的 compare_version 的默认值定义为 0,因为您正在绑定迭代列表中的索引作为要在模型中捕获的值.v-model 会处理这个. 并删除 :selected 绑定.请注 ..
发布时间:2021-09-20 19:26:36 前端开发

Vue - 检查你是否在 v-for 循环的最后一个道具上

如果我有以下数据属性: person:{name:'Joe',年龄:35,部门:'IT'} 并想循环并输出如下: 姓名:Joe,年龄:35,部门:IT 到目前为止我有: {{key}}: {{val}}, 但这显示: 姓名:乔,年龄:35,部门:IT, 末尾有一个额外的逗号,我如何让它检测到它是最后一个道具而不显示逗号?我认为 v-show 或 v-if 可能是解决 ..
发布时间:2021-09-20 18:56:59 前端开发

vue.js:颠倒v-for循环的顺序

我正在寻找类似以下代码的内容,以在用户添加它们的框下方显示数组中的主题列表.(最新在上)我知道我可以取消移动而不是推动更改主题存储在数组中的顺序,但是有没有办法保持原始数组顺序并反转显示的主题而不触发“[Vue 警告]:您可能在组件渲染函数中有无限更新循环."? 添加主题(按 Tab): ..
发布时间:2021-07-09 20:53:55 前端开发

v-for 和 v-if 在 vue.js 中不能一起工作

一个表单用于提交文本,两个选项告诉 vue 在哪一列显示文本.当 col2 单选按钮被选中时,提交的文本应该显示在第 2 列中.这不会发生,在第 1 列上的文本是显示. 我有两个单选按钮,它们应该将值 'one' 或 'two' 传递给 newInfo.option 在 submnit 上,一个方法将表单数据推送到数组 'info'. ..
发布时间:2021-07-02 18:59:16 前端开发

Vue.js - 在 V-For 中将多个道具传递给孩子

我正在尝试创建一个带有可折叠列的表格,但无法让表格主体与标题一起折叠.这是一个小提琴,它清楚地说明了我要做什么:https://jsfiddle.net/ufw4f5qc/9/ 这是我尝试过的一个产生错误的小提琴:https://jsfiddle.net/oafw74hz/2/ 该问题最有可能与子级和父级的范围有关.我正在使用道具将一个变量从父母传递给孩子,但孩子似乎不接受它.我是否正确绑定 ..
发布时间:2021-06-14 19:21:49 前端开发