13518219792
这篇文章主要讲解了vue如何实现商品列表的添加删除，内容清晰明了，对此有兴趣的小伙伴可以学习一下，相信大家阅读完之后会有帮助。
创新互联专注为客户提供全方位的互联网综合服务，包含不限于网站建设、成都网站建设、清苑网络推广、小程序设计、清苑网络营销、清苑企业策划、清苑品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供清苑建站搭建服务，24小时服务热线：028-86922220，官方网址：www.cdcxhl.com
我们首先来看下代码：
ID 品牌名称 添加时间 操作 {{item.id}} {{item.pp_name}} {{item.add_time | getTime()}} 删除
内容补充：
vue中注册组件，实现列表的添加删除效果
1、首先在html的标签中导入vue.js
2、在body中创建一个应用vue模板的容器
// vue起作用的区域root// input与mesg数据绑定
3、在script标签中创建并注册名为todo-item的组件
Vue.component('todo-item', {
props: ['content', 'index'],
template: '4、在script标签中初始化vue实例
new Vue({
el: '#root',
data() {
return {
list: [],
mesg: ''
}
},
methods: {
//点击提交按钮，输入文本信息就加入列表
handle: function() {
if(this.mesg==''){
return;
}
this.list.push(this.mesg);
this.mesg = ''
},
deletes: function(index) {
alert(index)
this.list.splice(index, 1);
}
}
})看完上述内容，是不是对vue如何实现商品列表的添加删除有进一步的了解，如果还想学习更多内容，欢迎关注创新互联行业资讯频道。
