本节课程将针对分解后的子功能进行增删功能的开发。整体功能主要涉及前端的修改,核心是对new_srs列表数据的操作。我们的思路是:在列表底部添加一个添加按钮(向new_srs列表中添加一个空字符串元素),并为每一行添加一个删除按钮(根据下标从new_srs列表中删除相应元素)。
打开前端的SrsSet.vue文件,进行以下修改:
如图所示,我们添加了两个按钮,并关联了两个点击事件。接下来实现这两个事件的函数:
代码非常简单,每个函数只需一行代码即可实现列表元素的增减,大家务必记住这两行JavaScript代码。
v1.8新增功能简介: 一、后台新增生成网站地图和生成Sitemap.xml的功能。 二、新增下载中心功能,可在后台上传doc,xls,ppt,rar,pdf文件。 三、新增产品缩略图自动缩放功能,图片按比例缩放,解决了图片变形问题。 四、新闻、产品详细页新增了上一个、下一个的功能,改善用户体验。 五、在线客服新增了阿里巴巴贸易通在线客服。 六、可在后台设置分享代码,如百度分享和AddThis等。
测试效果时,请随意进行测试,然后点击保存,刷新页面后查看是否生效:
本节课程到此结束,期待我们在下一节课再见!










