本节课程将针对分解后的子功能进行增删功能的开发。整体功能主要涉及前端的修改,核心是对new_sr
本节课程将针对分解后的子功能进行增删功能的开发。整体功能主要涉及前端的修改,核心是对new_srs列表数据的操作。我们的思路是:在列表底部添加一个添加按钮(向new_srs列表中添加一个空字符串元素),并为每一行添加一个删除按钮(根据下标从new_srs列表中删除相应元素)。
打开前端的SrsSet.vue文件,进行以下修改:
如图所示,我们添加了两个按钮,并关联了两个点击事件。接下来实现这两个事件的函数:
代码非常简单,每个函数只需一行代码即可实现列表元素的增减,大家务必记住这两行JavaScript代码。
测试效果时,请随意进行测试,然后点击保存,刷新页面后查看是否生效:
本节课程到此结束,期待我们在下一节课再见!
菜鸟下载发布此文仅为传递信息,不代表菜鸟下载认同其观点或证实其描述。
版权投诉请发邮件到 cn486com#outlook.com (把#改成@),我们会尽快处理
Copyright © 2019-2020 菜鸟下载(www.cn486.com).All Reserved | 备案号:湘ICP备2022003375号-1
本站资源均收集整理于互联网,其著作权归原作者所有,如有侵犯你的版权,请来信告知,我们将及时下架删除相应资源