首页 > 程序开发 > web前端 > JavaScript >

利用Vue.js来制作一个小的Demo1

2017-07-19

利用Vue js来制作一个小的Demo1,这个Demo主要是使用一些基础的Vue js来通过增加用户的名字的同时,当提交的时候,表格上的人员名单也会更加,如果想要删除某个人员,那么可以通过删除的按钮来进行操作,当点击了相应的人员的按钮之后,该人员的资料就会删除。

利用Vue.js来制作一个小的Demo1,这个Demo主要是使用一些基础的Vue.js来通过增加用户的名字的同时,当提交的时候,表格上的人员名单也会更加,如果想要删除某个人员,那么可以通过删除的按钮来进行操作,当点击了相应的人员的按钮之后,该人员的资料就会删除。

这里主要是使用了双向数据绑定v-model,然后当事件发生时,对其做相应的处理,这里用到一个v-for,这个是循环渲染指令,其中有一个index的属性,可以用来标记删除人员的下标。

\

相关文章
最新文章
热点推荐