v-for相关内容
我有两个组件‘Parent’和‘Child’。每个辅元件都有复选框:选中道具。在父组件中,我迭代对象数组并将道具传递给子组件。我可以将事件从子元素发送回父元素,并在数组中重新分配新值,但组件不会重新呈现。 我试图做的是获得一些无线电群体行为,但不在复选框内。当单击一个复选框时,需要将其他复选框设置为False。我可以清楚地看到数组已被修改,但组件未重新呈现( 这是沙盒链接 https://
..
我有以下组件: /components/SearchBlogs.vue筛选blog.title和blog.description的搜索组件。 /components/BlogList.vue我在此列出所有博客项目。 SearchBlogs.vue
..
我刚刚开始使用Vue.js,加载静态img(如我的徽标)时访问Assets文件夹已经很简单了: 但是,我使用v-for使用示例数据创建了几个列表项,这是我的模板:
..
如何通过 v-for 重复循环 X(例如 10)次? //想要重复这个(例如)10 次
{{ item.name }} - {{ item.price }} 文档显示: {{ item }}
//或者{{ n }}
..
我在几个项目中使用了 vue.js,并且我一直使用索引作为 for 循环中的键
...并且开始怀疑这是否存在问题,因为示例通常使用项目的 ID.
解决方案 因为数
..
我正在使用 Vue 制作购物车应用.这是产品组件.我已经从 api 中获取了数据.我想在购物车中显示所选产品.
..
我有以下组件: /components/SearchBlogs.vue 搜索组件以过滤 blog.title 和 blog.description. /components/BlogList.vue 这里我列出了所有的博客项目. SearchBlogs.vue
从 '../event-bus.js' 导入 { EventBus }导出默认{name:
..
我试图在点击时删除当前项目,但是当我运行它时它只删除最后一个项目. 我快疯了,在另一个组件上我做了同样的事情并且它有效......我不知道为什么! 这是代码,我正在使用各种库...
..
我希望 :value 自动从 inputValue.start 更改为 inputValue.end.所以当我点击结束日期时,它应该在第二个文本字段中更新.同样,如果我在第二个文本字段中选择一个日期范围,第一个文本字段也应该再次更新.在这个问题的最后,您可以看到两种情况的结果. P.S.:我使用 Vue.js 的 V-Calendar 插件.vc-date-picker 元素来自这个插件.
..
我正在尝试将数据从 v-text-field 推送到 json 文件.当我在 Postman 上尝试它时它起作用了,所以我猜测错误来自客户端 product.vue
..
我正在尝试访问 Vue 的 v-for绑定. 这是对象: const obj = {对象 1:{一些数据'},对象 2:{一些数据'},对象3:{一些数据'}} 我正在遍历它: {{ object.some }} 问题是,与循环array相反,index变量在循环object的情况下不保持迭代索引(例如0、1、2)但实际上持有对象名称obj1、obj2, obj3. 为什么会
..
在Vuejs 项目中,我的数据对象 中有一个数组,并使用v-for 将其呈现在视图中 指令.现在,如果我更改该数组中的特定索引,Vue 会在视图中重新渲染整个数组.有没有办法在不重新渲染整个数组的情况下查看视图中的变化? 这个问题背后的原因是我的数组的其他索引正在处理或做一些事情,当整个数组在视图中重新渲染时,这些进程会停止. 解决方案 在 Vue 1.x 中,我们有 track-b
..
如何在每个 distinct date 只显示一个按钮? 我可以使用两个 v-for 循环吗?如何在循环中选择不同的值? 数据模型: allQuestions : []问题:{'id':'123','日期':'25'} 解决方案 您可以使用 设置: Set 对象允许您存储任何类型的唯一值,无论是原始值还是对象引用. MDN 的例子: const numbers
..
我正在循环一个数组以生成如下下拉列表 我正在尝试将下拉列表的值默认为其第一个值. 值正在显示,但第一个选项没有被选中. 我的代码有什么错误.请帮忙!! 解决方案 您可以将 data() 中的 compare_version 的默认值定义为 0,因为您正在绑定迭代列表中的索引作为要在模型中捕获的值.v-model 会处理这个. 并删除 :selected 绑定.请注
..
我有一个简单的 Vue 过滤器,它将数组的长度限制为 n 个元素.像这样使用效果很好: {{ 数组 |limitArray(2) }} 现在我想在 v-for 循环中使用它,就像这样: ...
但这会引发错误.如何在 v-for 中使用过滤器? 编辑:可能不重要,但有问题的过
..
如果我有以下数据属性: person:{name:'Joe',年龄:35,部门:'IT'} 并想循环并输出如下: 姓名:Joe,年龄:35,部门:IT 到目前为止我有: {{key}}: {{val}}, 但这显示: 姓名:乔,年龄:35,部门:IT, 末尾有一个额外的逗号,我如何让它检测到它是最后一个道具而不显示逗号?我认为 v-show 或 v-if 可能是解决
..
我正在寻找类似以下代码的内容,以在用户添加它们的框下方显示数组中的主题列表.(最新在上)我知道我可以取消移动而不是推动更改主题存储在数组中的顺序,但是有没有办法保持原始数组顺序并反转显示的主题而不触发“[Vue 警告]:您可能在组件渲染函数中有无限更新循环."? 添加主题(按 Tab):
..
一个表单用于提交文本,两个选项告诉 vue 在哪一列显示文本.当 col2 单选按钮被选中时,提交的文本应该显示在第 2 列中.这不会发生,在第 1 列上的文本是显示. 我有两个单选按钮,它们应该将值 'one' 或 'two' 传递给 newInfo.option 在 submnit 上,一个方法将表单数据推送到数组 'info'.
..
我正在尝试创建一个带有可折叠列的表格,但无法让表格主体与标题一起折叠.这是一个小提琴,它清楚地说明了我要做什么:https://jsfiddle.net/ufw4f5qc/9/ 这是我尝试过的一个产生错误的小提琴:https://jsfiddle.net/oafw74hz/2/ 该问题最有可能与子级和父级的范围有关.我正在使用道具将一个变量从父母传递给孩子,但孩子似乎不接受它.我是否正确绑定
..
我正在尝试Vue.js,但是遇到了问题.我正在关注Laracasts上的教程,但我的v-for无法正常工作. HTML:
添
..