<!DOCTYPE HTML><HTML lang="en"><head> <Meta charset="UTF-8"> <script src="https://cdn.bootCSS.com/vue/2.6.10/vue.min.Js"></script> <Title ID="Title">{{Title}}</Title></head><body><div ID="ask"><!--vue不能控制body和HTML的标签--> <ul> <li v-for="v in List"> {{v.content}} </li> </ul> <textarea v-model="content" cols="30" rows="10"></textarea> <button v-on:click="push">发表</button></div><script> 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=‘‘; } } });</script></body></HTML>总结
以上是内存溢出为你收集整理的Vue 变异方法Push的留言板实例全部内容,希望文章能够帮你解决Vue 变异方法Push的留言板实例所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)