00:00
哈喽,各位小伙伴们大家好。那接下来咱们呢,去完成删除销售属性与销售属性值的操作。那咱们呢,去看一下的,已经完成了这个项目。比如说图书电子书刊电子书。那比如说啊,我想修改当前的这个PU。那么在底下这里啊,它的属性值是可以删除的。对不?以及还有一个小动画,咱们可以看一下子。比如说啊,咱们给他来一个黄色的属性值,你看啊,当老师点击这个叉子的时候。他会删除掉,而且呢,还有一个动画。那这里删除的是什么呢?删除的是相应的属性值。那么除此之外啊,还可以删除相应的这个属性。所以说这块呢,要注意一下,这是咱们接下来要完成的任务。
01:01
对吧,哎,这是它。好,那咱们呢,去看一下咱们正在开发的这个项王,那咱们也看一下子,比如说图书。电子书,看电子书。比如说呢,你看一下呢,咱们的这个,咱们现在呢,这个点击按钮是没有意义的,因为咱们没有写相应的啊业务逻辑对吧,那也就是说当老师点击这个属性值的这个叉子的按钮的时候。那要把相应你点击的这个属性值是不是要给它删掉。那所以说啊,咱们去找一下咱们的代码看一下的。它呢应该是展示,应该是table的第三列展示属性值,这里咱们先把这块先给他做。对吧,那所以说咱们找一下子,那应该是table的第三列,那不就是这。那咱们展示属性值用谁展示的?用的是不是EL-tag展示的。
02:02
对吧,那么它呢,是有一个事件叫做close事件,而这个事件呢,就是什么呢?就是那个叉子点击事件。对吧,那咱们呢,可以把它给他拿过来。那其实啊,你要想明白一件事。老师呢,把这块呢,先给你退过来啊,还是先放在这个注释里面。你要想明白一件事,咱们呢去看一下数据。对吧,把这块的数据你给他看懂了就OK了。那咱们再去找一下咱们的PU放这里。那首先说啊,当前的PU是有属于自己的销售属性,这里要注意这个是销售属性颜色。对,不,那么颜色呢,是有属于自己的销售属性值的,那么在哪呢?在PU Co tr y流list的这个数组里面。那么它的属性值有什么?有玄色,那你要明白一件事,什么事,当老师给他点击叉子的那一刻,那说白了是从当前的这个数组里面删除你对应的这个元素,所以说你只需要拿到它的索引值,通过lie数组的lie是不是就可以删除?
03:16
对吧,那所以说咱们呢,把这个EL-tag的这个叉子啊,点击这个叉子的事件呢,老师呢,给你放在这儿。对吧,哎,复制的时候要注意一下对吧,这个老师呢,给他捞过来这个呢,这个这个双引号咱们是不需要对吧,给他捞过。走,给他放在这儿。那当然,咱们只需要做一件事。对不对,从那个数组当中,把你选中的这个元素给它删出来。对吧,那哪个数组,那肉是谁?肉是颜色的那个销售属性,那么肉点PU Co at tr value list不就是咱的那个销售属性属性值的那个数组吗?
04:01
那么当你一点击的时候,你要干什么?你要删除点splie,你要删除谁?是不是你要删除对应你这个tag tag是谁?是不是销售属性值的。对吧,所以说你找到它的索引值不就行了吗。那所以说咱们在这儿呢,可以再给他加一个索引值,哎,比如说每一个属性值都是有相应索引值的。对不,那你点击点击谁,你通过索引值不就可以删除。对吧,咱们应该知道有两个参数,第一个参数是删除的索引值,第二个是删除的个数。那么你就可以怎么写,是不是可以这么写了,写谁写index,删除几个,删除一个。那这块呢,要注意tag是谁,Tag是每一个销售属性值。这块一定要注意对吧,比如老师再给他来一个123,你这个tag是销售属性值,那所以说这个index是谁,是每一个销售属性值的索引值,零和一对不,你点击零,那我删除零,你点击这个,那我删除一。
05:11
那你要注意,这里面还有一个叫做Dollar index。到index是谁的索引值?是每一个销售属性的索引值。对吧,那所以说咱们测试一下子,看一下子有没有OK对吧,图书电子书刊电子书,咱们先看一下能不能删除。对,不是可以的。那以及还有什么呢?还有山竹相应的这个销售属性。那这个按钮在哪呢?在第四列的这个button这,那咱们找一下,应该是紧随其后的这个按钮。对吧,那你要干什么,当你点击这个按钮的时候,要注意是不是把相应的这一行的销售属性是不是删掉。那所以说咱们呢,可以给他绑定一个单击事件艾link。
06:02
那你要干什么呀?那你这块要注意,咱们现在table展示的不就是每一个每个销售属性的数据吗?所以说咱们呢,可以看一下的咱们的这个table的数据。那这个就是咱们的S当前po的所有的销售属性的那个数组。对不,那你可以让他怎么的,哎,在这儿。打点打点。那你要删除的索引值是谁?是不?你点击的那个销售属性的索引值删除几个,删除一个。对不,那所以说咱们都可以看一下的,对不对,对吧,当你一点击的时候,当然咱们重新跑一下。来老师呢,给他搞一下看一下,一删除,你看当前这个颜色的销售属性是不是就删掉。对吧,所以说咱们完成了删除销售属性值以及删除啊属性的操作。所以说对于数组的这些方法呀,千万要给他记住了,以及参数,每一个位置的参数是什么也要记住。
07:06
所以这块呢,一定要注意啊,每一个肉是什么,每一个肉是销售属性。对不?而这个tag是什么?是销售属性值这块要注意。以及啊,咱们呢,再把一个小任务也给他完成,你看这儿啊,你看这。对于PU这里你看这啊,那咱们呢,给它刷新。盯住咱们这个三级联动,咱们呢,也直接把这个三级联动的可操作性呢,也给他完成。那首先说如果咱们的场景是零。OK,因为现在展示这块的这个场景不应该是零吗?那零这个三级联动是可以使用的。那如果场景是一。对吧,它是不可以使用的。或者是场景是二,它也是不可以使用的。那也就是说咱们的三级联动,只要场景不是零。
08:00
对吧,只要场景不是零,是不是就不能使。对不,如果是零,是不是就可以使用。那所以说咱们呢,去找到咱们的三级联动,那么三级联动呢,应该是在副组件这里使用的。对吧,那咱们当年也说过这个受是干什么的,这个受找一下,这个受是控制三级联动的可操作性。咱们当年在这儿是不是写了个过值谁,是不是写了个过尔直处,所以说这块咱们完全就没必要。咱们可以通过场景是不是给他传相应的布尔值。对不,你只要场景对吧,哎,SC场景不等于零。对不,哎,不等于零,是不是就不可以用。对吧,啊,你看吧,咱们可以看一下咱们的这个你看。现在老师问你场景是不是零,那么零不等于零,是不是甲三级联动是不是可以使。对不?
09:01
对吧,啊,那完了你再看,那如果场景是一,你看场景是一,一不等于零是不是真,那咱们的这个三级联动是不是就不可以使用了。对不,所以说咱们也把这个三级联动的可操作性呢,也给它完成了。
我来说两句