您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

vue版本的留言板

2024/5/27 21:19:33发布10次查看
用vue做一个小小的例子巩固学习。
<body> <div id="box"> <input type="text" v-model='command' @keyup.enter='add' /> <div v-show='list.length==0'>暂无留言</div> <ul> <li v-for="value in list"track-by=$index>{{value}} <a href="javascript:;" @click='rm($index)'>删除</a> </li> </ul> </div> <script src="libs/vue.js"></script> <script> new vue({ el:'#box', data:{ command:'', list:[] }, methods:{ add:function(ev){ this.list.unshift(this.command) this.command=''; }, rm:function(index){ this.list.splice(index,1) } } }) </script> </body>
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product