00:01
哈喽,各位小伙伴们大家好。那接下来咱们呢,去完成按钮与三级联动的可操作性。那咱们呢,先看一下已经完成的这个项目。那首先说默认的情况下。三级联动是可以操作的。比如说选择手机,手机通讯手机,那么3G联动目前而言是可以操作的。那么也可以展示咱们的属性名称的这个table表格。那这块呢,要注意一件事,什么事呢,就是当展示。对吧,展示属性名字这个table表格显示的时候,那咱们的三级联动是可以使用。对不对,那么如果属性名的这个表格如果隐藏了。对不对,那咱们的三级联动是不能操作的。
01:00
那也就是说三级联动的这个操作性到底能不能操作,其实跟谁有关系呢?跟到底显不显示这个table表格的那个字段有关系。就是谁,就是is show。对不,咱们可以看一下咱们的代码。咱们找一下在这儿。咱们不是在控,不是通过it受table这个字段在控制,到底显,到底显示谁。对不对,那你看啊,If she is show table为针代表,显示这个table表格。那咱们三级联动是不是可以使用,那如果显示table,那这个值应该是为真。对不对。对吧?那如果为针给它们加上disable的应该为什么为false?因为disabled如果为针是真不能使用了,所以说这个能使用是disabled为false。那当咱们点击添加属性的时候,咱们的is show table为什么为false了?
02:04
对,不是不是展示它,那你false的时候三级联动能用吗?就不能用了,那么三级联动需要一个什么值,波尔之针处它真的不能使用。所以说这个三级联动到底是可以操作还是不可以操作,取决于谁,取决于is show table这个字段。而且正好跟他取反。那咱们的三级联动在哪呢?这不在这儿。那么数据在父亲这儿,而儿子需要,那所以说咱们可以通过shop。对不给他传过去。比如咱们叫做受。但是你要注意一件事,什么事它所需要的数据正好和咱们的is show table取法。那所以说找到这个子组件。Category。那咱们呢,需要通过prop去接收。那咱们呢,去接收一下子接收的是谁,是不是就是咱们这个受。
03:05
对不,那所以说给咱们的所有的下拉框select。加上一个属性,第4ABLE的为什么为寿?那以及除了第一个,还有谁第二个这也给它加上。以及还有第三个也给它加上。对不?那咱们呢,格式化一下。那回到咱们的。项目当中看一下咱们的这个,你看这儿啊,虽然说现在的三级联动是可以使用的。对不,当你点击添加属性的时候,你要说不可以使用。对吧,这块要注意。以及啊,还有一个地儿就是这个保存按钮,你看人家的这个保存按钮。也就是说你来一个属性名,比如叫颜色,那你没有属性值的时候,它这个保存按钮是不能使用。那如果有一个属性值,比如说黄色,你看它是不是立马就可以操作。
04:05
而咱们的这个呢,你看啊,不管有没有属性值,它都可以保存。对吧,那所以说回到咱们的代码当中,咱们找一下子咱们这个组件。找一下。那操作的这个按钮呢,应该是在底下这个结构这。对不,那他应该也加上一个什么,也加上一个disable,但条件是什么。条件一定要注意,老师呢,先给它去掉条件,要注意条件是什么。他能不能操作取决于什么,取决于你这块的属性值有没有。对不?如果说你的属性值一个都没有,那它是不能操作的,哪怕有一个属性值,那它是可以操作的。对不?所以说这块呢,咱们需要写了Dis able的碳属性值,那不就是at tr INF。At。TR阴风。点叫Y6,叫at t r y6。
05:04
Val与Y6。如果它的Les小于一,那代表啥?代表一个属性值都没有,那真那是不是就不能使。对不,那所以说咱们呢,回想回到咱们程序当中,咱们看一下走。对吧,添加属性,你看一个属性值都没有,那说现在的数组应该是零的元素,那零小于一吗?帧,那帧是不是就不能使用。那如果说你看这颜色,如果说你有一个属性值有了,你看是不是可以保存了。对吧,所以说呢,咱们也完成了相应。按钮与三级联动的可操作性,所以说呢,这块的小细活。也要注意一下,而且这块的老师要说一下的,Disable的这个属相如果为真是真不能用。如果为甲是可以使用,所以说这要注意一下。
我来说两句