js获取php多维数组,vue.js,多维数组_vuejs2.0 多维数组操作?，vue.js,多维数组

vuejs2.0 多维数组操作?

不知道为什么vue操作多维数组的时候，删除一个，所有的删除掉了.

html 如下

移除

{{fatherIndex}} - {{childIndex}}新增

js代码如下

var app = new Vue({

el: '#techs',

data: {

catTpl : {

catId:0,

items:[

{

techId:0,

deviceId:0,

skillId:0,

receiveMemo:'',

workingMemo:'',

finishMemo:'',

ousite:1,

check:1

}

itemTpl : {

techId:0,

deviceId:0,

skillId:0,

receiveMemo:'',

workingMemo:'',

finishMemo:'',

ousite:1,

check:1

catId:100,

itemId:1000,

techs : [

{

catId:1,

items:[

{

techId:1,

deviceId:1,

skillId:1,

receiveMemo:'',

workingMemo:'',

finishMemo:'',

outside:1,

check:1

]

methods: {

addCategory:function(){

this.techs.push(this.catTpl)

removeCategory:function(fatherIndex){

this.techs.splice(fatherIndex,1)

removeItem:function(fatherIndex,sonIndex){

this.techs[fatherIndex].items.splice(sonIndex,1)

createItem:function(fatherIndex){

this.techs[fatherIndex].items.push(this.itemTpl)

}

})

父类的增减没有问题，但是在父类下面增加子类的时候，除了初始化的techs数据，增加的都会同步操作，如在console 运行如下代码 app.techs[1].items.push(this.itemTpl) ,所有的动态添加的父类都会自动加上一个子类。

app.techs[1].items.splice(sonIndex,1) 所有动态父类下的子类都会删除这个对象。

请问这是什么原因，先行谢过！

代码演示

父类和子类都在上面注明了. 之前可能说的不大清楚

js获取php多维数组,vue.js,多维数组_vuejs2.0 多维数组操作?，vue.js,多维数组 - phpStudy...相关推荐

js获取字符串长度，中文占一个字符，英文占0.5字符，并截取指定长度字符串
var str = "*******************"var len = 0;var len2 = 0;for (var j = 0; j <str .length; ...
原生js获取html元素属性,JS（原生js和jq方式）获取元素属性（自定义属性），删除属性（自定义属性）...
JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性) 以下内容: 一.获取元素的属性二.设置元素的属性三.删除元素的属性一.获取元素的属性 1-原生JS 获取属性 .ge ...
JS获取JSON字符串的几种方式
之前有人问了一个问题就是关于js获取json数据value值的几种方式,所以今天把一些比较常见的给总结了一下,希望能帮助到大家 <script>var obj = {id:1,name:' ...
使用js获取伪元素的content
在测试过程中有时候会遇到反爬虫机制,一些元素会使用伪元素,这样在定位元素的时候会定位不到,这时候就要使用js来帮助定位,获取到想要的元素下面是部分代码 //使用js获取伪元素的content Str ...
js把vue转化html,将 vue.js 获取的 html 文本转化为纯文本
我存入数据表中的数据是使用 html 格式,获取数据是使用 vue 获取. 遇到了一个问题,就是界面上显示的数据是 html 格式的,但是我需要它显示纯文本. 怎么做呢?首先在 js 中写一个将 ...
js 获取json数组里面数组的长度
作为一个前端页面开发者第一次处理json数据,遇到了'js 获取json数组里面数组的长度'?竟然不知道 json没有.length属性(真是要嘲讽下自己),少壮不努力老大徒伤悲啊!以前都是去寻求男朋 ...
php 获取js对象的属性值,js获取对象,数组所有属性键值(key)和对应值(value)的方法示例...
本文实例讲述了js获取对象,数组所有属性键值(key)和对应值(value)的方法.分享给大家供大家参考,具体如下: var values=function(object) { var values ...
js获取数组前n项的和
使用的API js获取数字数组前n项和方法,用js自带的API Array.prototype.reduce方法. 都可直接直接复制代码到console窗口下运行简单例子 var array = [ ...
js获取对象数组中的id集合
js获取对象数组中的id集合 const ids = Array.from(this.checkList,({ id }) => id); // ["16921C72E0C64002& ...
html获取数组的前三个元素,web前端：js 获取数组最后一个元素
Javascript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在html(标 ...

js获取php多维数组,vue.js,多维数组_vuejs2.0 多维数组操作?，vue.js,多维数组 - phpStudy...

js获取php多维数组,vue.js,多维数组_vuejs2.0 多维数组操作?，vue.js,多维数组 - phpStudy...相关推荐

最新文章

热门文章