vue在push拼接html标签,Vue 变异方法Push的留言板实例

Vue 变异方法Push的留言板实例

时间 :2019-7-30  分类: Vue  评论: [ 0 ] 条  浏览: [ 412 ] 次

代码:

{{title}}
  • {{v.content}}

发表

var vue = function (options){new Vue(options)};

vue({

el:'#title',

data:{

title:'Vue 变异方法Push的留言板实例'

}

});

var app = vue({

el:'#ask',

data:{

content:'',

list:[

{'content':'ask.mykeji.net'},

{'content':'简单记录'}

]

},

methods:{

push(){

var content_push = {'content':this.content};

this.list.push(content_push);

this.content='';

}

}

});

效果:

7d3a28bd1de083c26d499fa800d63f70.png赞0

1c1ddb8c862eb180f4f61cf42d24abcf.png

405d94d19b971e8d6179ba8cf4891f93.png踩0

发表评论:

昵称

邮件地址 (选填)

个人主页 (选填)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值