Vue创建/删除/搜索

注意两点,这里直接在index当中引入的bootstrap。所以在这里或许看不到全部效果。但是功能百分百正常
1.创建三个输入框 目的是获取他们的v-model
2.在name里添加@keyup.enter="ck" 用来直接回车
3.列表整体架构

table开始创建盒子
——thead最顶部的标题
————tr竖着第一个
——————th横着放四个
——tbody同head,下半身列表
————tr竖着一个两个垂直增加
——————td横着四个    

4.this.id = this.name = "" 可以同时为空
5.xlist就是中介,用计算属性解决搜索问题
通俗的讲:当前所有数据遍历,并且所有lst的名字查找和输入框一样的返回给我
6.filters,和data同级。就是把现有的数据过滤。其中tm就是当前的mx.time。为的是把所有的时间有用的筛选出来
Vue创建/删除/搜索_第1张图片


你可能感兴趣的:(Vue创建/删除/搜索)