腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >使用v-for和自定义组件的未定义行为

问使用v-for和自定义组件的未定义行为
EN

Stack Overflow用户

提问于 2017-05-17 14:40:45

回答 1查看 344关注 0票数 1

首先，请原谅这个可怕的代码(我们现在没有时间修复)。我知道eval是可怕的，但就我们的目的而言，它是唯一对我们这么容易奏效的东西。

我们是这样添加和删除行的：

methods: {
    addRow: function() {
        let lastRow = eval(`this.$parent.json${this.path}[this.$parent.json${this.path}.length - 1]`);
        lastRow = Object.assign({}, lastRow);
        eval(`this.$parent.json${this.path}.push(lastRow)`);
        this.$forceUpdate();
    },
    removeRow: function(index) {
        //eval(`this.$parent.json${this.path}.splice(index, 1)`);
        eval(`Vue.delete(this.$parent.json${this.path}, index)`);
        this.$forceUpdate();
    }

https://jsfiddle.net/00e58as4/10/6

若要重新创建该问题，请添加一行。然后，更改新行上的文本。尝试删除第二行到最后一行-注意它如何没有被删除，但最后一行是。但是，如果您检查json-调试(它是后端数据的活动视图)，您将看到正确的行被删除了！

这一切为什么要发生？为什么UI和后端不同步？

components

row

v-for

javascript

vue.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-05-17 16:01:44

在使用钥匙进行迭代时，应该始终使用v-for。试着加一个这样的。

<div class = "well" v-for = "item, index in items" :key="item">

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44035837

复制

C 和 C++ 中的未定义行为

ide c++编程算法

theme: channing-cyan highlight: a11y-dark

鲸落c

2022/11/14

4.4K0

C/C++未定义行为

汇编语言

下面是一段代码，这段代码中有标准未定义的行为。代码如下： #include<iostream> using namespace std; int main() { int j = 0;

zy010101

2020/04/16

3.7K0

vue学习：使用v-for向select组件绑定数据

html list 遍历后端前端

做质量看板时，有个需求是从接口获取一些项目数据，然后需要把这些数据塞到下拉框组件中

冰霜

2022/04/11

8640

13. Vue v-for指令的使用方式以及使用key解决组件问题

vue.js

当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用 “就地复用” 策略。如果数据项的顺序被改变，Vue将不是移动 DOM 元素来匹配数据项的顺序，而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。

Devops海洋的渔夫

2020/03/19

2K0

9. Vue v-for指令的使用方式以及使用key解决组件问题

vue.js 渲染

在「vue」框架中，如果需要遍历渲染模板数据，那么就需要使用v-for命令，其中还有随之而来的「key」问题，下面来看看如何基本使用、以及问题解决！！

Devops海洋的渔夫

2022/01/17

1.7K0

vue学习八 v-if和v-for的使用

编程算法

v-else-if：就像选择一样，如果一个变量等于A，执行A下面的命令，如果等于B，则执行B下面的命令；

meihuasheng

2021/03/16

1.7K0

使用组合自定义行为

面向对象编程 python jquery 小程序

如果您的设计依赖于继承，则需要找到一种方法来更改对象的类型以更改其行为。对于组合，您只需要更改对象使用的策略

公众号---人生代码

2020/05/18

4440

自定义 Button 的外观和交互行为

ios swift

通过 Style 改变组件的外观或行为是 SwiftUI 提供的一项非常强大的功能。本文将介绍如何通过创建符合 ButtonStyle 或 PrimitiveButtonStyle 协议的实现，自定义 Button 的外观以及交互行为。

东坡肘子

2023/03/02

3.7K0

使用自定义行为扩展 WCF

其他

Windows® Communication Foundation (WCF) 提供了许多扩展点，供开发人员自定义运行时行为,从而实现服务调度和客户代理调用。您可以通过编写能以声明方式应用到服务中的自定义行为来使用这些扩展点。本月将为您介绍这一流程的工作原理。 WCF 可扩展性在上期专栏中，我重点介绍了 WCF 绑定概念，您可以为 WCF 服务上的各个终结点指定绑定。绑定控制该终结点的消息传递详细信息（发生在网络上的情况）。这是 WCF 建立一个能够在字节流（网络上的消息）和 WCF 消息间转换的通道堆栈

张善友

2018/01/26

1.8K0

「我读」PL 观点 | 未定义行为有利的一面

rust ide https 网络安全 c++

Rust 官方团队 Ralf Jung 在 PL 观点 (PL Perspectives) 博客[1] 上发表了一篇文章《Undefined Behavior deserves a better reputation》[2] ，文中对UB（未定义行为）有利的一面进行了详细的阐述。通过这篇文章，我们可以对UB 有更深入的理解。

张汉东

2021/11/25

1.7K0

vue之v-for基本使用

bind push title 数据

<body> <div id="app"> <input type="button" value="添加数据" @click="add"> <input type="button" value="移除数据" @click="remove"> <ul> <li v-for="(item,index) in arr"> {{ index+1 }}一线城市：{{ item }}

兮动人

2021/06/11

5560

VUE v-for 循环的 2 个使用

vue.js

https://www.ossez.com/t/vue-v-for-2/14093

HoneyMoose

2022/09/11

5160

【Rust 日报】2021-8-26 Rudra Rust 的内存安全和未定义行为检测工具

https 网络安全 github git 开源

Rudra 是一个静态分析器，用于检测 Rust 程序中常见的未定义行为。它能够分析单个 Rust 包以及 crates.io 上的所有包。Rudra 及其相关论文将在 Proceedings of the 28th ACM Symposium on Operating Systems Principles 2021 (SOSP '21) 上发表。

MikeLoveRust

2021/09/08

8380

Vue自定义组件-属性使用

vue.js

自定义组件Button <template> <button> <span>{{ msg }}</span> </button> </template> <script> export default { props: { msg: { default: '下载' } } } </script> 组件使用 <template> <div id="myButton"> <ex-btn :msg="msg1"></ex-btn>

苦咖啡

2019/12/11

7460

代码触发 ECharts 中组件的行为

程序

饼图程序调用高亮显示注意js文件存放的位置 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Echarts事件与行为</title>  <script src="../js/echarts.min.js"></script> </head> <body>  <div id="main" style

别团等shy哥发育

2023/02/25

9770

使用微搭自定义组件实现搜索组件

微搭低代码

微搭作为一款低代码开发平台，最大的特点是拖拽化开发，我们只需要拖选组件就可以快速的完成页面的搭建。但在实际的开发过程中，官方提供的组件可能和业务还有一定的距离，不少开发者担心官方组件库不够丰富限制了应用的开发。

低代码布道师

2021/07/15

1K0

Vue自定义组件-事件使用

vue.js

<template> <button @click="btnClickEvent">  <slot name="icon"></slot> <span>{{ msg }}</span> </button> </template> <script> export default { props: { msg: { default: '下载' } }, methods: { btn

苦咖啡

2019/12/11

4980

（八）props 属性

class

给组件传递未定义的属性，值得是子组件未通过props 接收的属性，长用来定义claa 来修改子组件的class 样式

老怪兽

2023/02/22

1.2K0

EXTJS7 自定义组件使用element和renderTpl绘制

data element ref reference widget

注：子元素必须指定id属性和data-ref属性，并通过childEls属性暴露，才可以通过组件的对应属性获取到对象引用。

路过君

2022/04/26

2940

v-for 指令的四种使用方式

对象数组

1. 循环普通数组 <ul>  <li v-for='(item, index) in list' :key="index">{{item}}</li> </ul> data: { list: [ '第一课的内容', '第二课的内容' ] } 2. 循环对象数组 <ul> <li v-for='(

用户2323866

2021/06/24

2.4K0

相似问题

具有动态组件奇怪行为的VueJS: v-for

使用v-for和vue组件呈现嵌套列表

使用v-for呈现子组件。

在自定义组件上使用v-for，可以访问组件内部的":key“值吗？

使用v-for和v-on:在Vue组件中单击

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问使用v-for和自定义组件的未定义行为
EN