本节课程将针对分解后的子功能进行增删功能的开发。整体功能主要涉及前端的修改,核心是对
列表数据的操作。我们的思路是:在列表底部添加一个添加按钮(向
列表中添加一个空字符串元素),并为每一行添加一个删除按钮(根据下标从
列表中删除相应元素)。
打开前端的
文件,进行以下修改:
如图所示,我们添加了两个按钮,并关联了两个
点击事件
。接下来实现这两个事件的函数:
代码非常简单,每个函数只需一行代码即可实现列表元素的增减,大家务必记住这两行JavaScript代码。
Vue-router参考手册
Vue-router参考手册下载
下载
测试效果时,请随意进行测试,然后点击保存,刷新页面后查看是否生效:
本节课程到此结束,期待我们在下一节课再见!
new_srsnew_srsnew_srsSrsSet.vue