list vue 添加数据方法_vue 组件data里的数组如何添加新值并触发更新

import slider from './slider'

export default {

el: '#slider',

data () {

return {

someList:[

{

title: 'slide1',

img: 'testimg-1.jpg',

},

{

title: 'slide2',

img: 'testimg-2.jpg',

},

{

title: 'slide3',

img: 'testimg-3.jpg',

}

],

sliderinit: {

currentPage: 0,

contentWidth:500,

start: {},

end: {},

tracking: false,

thresholdTime: 500,

thresholdDistance: 100,

}

}

},

components: {

slider

},

methods: {

appendslider(){

this.someList.push({title: 'slidenew',img: 'testimg-4.jpg',});

console.log(this.someList);

}

},

}

示例代码如上,如何通过methods里push的方法,动态添加值到someList里面,并触发子组件里更新数据?目前push只添加了值,没触发更新

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值