老师这里

来源:12-4 Input 编码第二部分支持 v-model

敲代码时长两年半的练习生

2023-09-12

(1)第一个问题:下面的setProps加了await,为什么上面不需要加呢?经过实践发现下面不加会测试失败,而上面无所谓,这是什么原理?

https://img.mukewang.com/szimg/6500973a09fa84fb08570655.jpg

(2)关于标签的properties和attribute,这个icon传递给Icon组件,由于我们mock了组件,所以会体现在html字符串的标签上,而真实场景下它不会被作为non-props接收所以不会体现在真实dom的标签上。

所以 它这里通过attributes获取icon属性attributes获取input的type属性有点语义上不一样,因为input标签渲染到dom上是标签上存在type属性。而html中set / getAttribute都是对标签属性的操作~

https://img.mukewang.com/szimg/6500977c09d8003708860310.jpg

https://img.mukewang.com/szimg/6500980e097204d307540139.jpg

https://img.mukewang.com/szimg/6500983c09c0dfb608390038.jpg


写回答

1回答

张轩

2023-09-13

同学你好

第一个我猜测是因为 await input.setValue('update') 在这里已经完成等待更新了所以就不会有问题了。

第二个,确实这里你可以把它转换成原生 DOM 以后取它上面的属性更合理一些。

0
1
慕设计0021481
如何转换成原生 DOM?
2024-06-02
共1条回复

进阶必学,打造媲美ElementPlus的组件库

Vue3.3 + TS4 ,自主打造媲美 ElementPlus 的组件库

482 学习 · 219 问题

查看课程