网页制作小案例 第1篇
网页制作小案例 第2篇
现在需要设计这么一个书架,并能够删除其中的书。
使用:
首先是用v-for循环渲染数组:
效果:
接下来实现删除功能。
删除就是将bookList对应的数组元素删除,那么del方法需要接收参数来确定删除哪一项。
上面传参传,有id用id,不用数组下标。
下方方法体中用filter进行过滤:
网页制作小案例 第3篇
使用:v-bind、v-on、v-show
1、首先创建好Vue代码格式:
有5张图片,需要将其放入数组里,在data中创建数组和下标:
创建2个按钮,上一张和下一张,以及相应的v-on事件:
中间还有图片的显示,需要v-bind动态设置img标签属性:
效果:
当上一张到第1张位置时,再点上一张会出错,同样的下一张也是。
解决方式:用v-if 进行条件渲染(或者用v-show)
这样到达第一张时“上一张”按钮就不会显示了,同理下一张处也是一样。
完整代码: