【UI框架-uView】Input输入框如何使用前后槽?
官方链接如下:Input输入框 - 前后槽
前槽如下:
后槽如下:
可以看到,前后槽的灵活使用,不仅方便我们的布局,还可以在input中实现复杂的应用。
注意:由于兼容性差异,如果需要使用前后插槽,nvue下需使用u–input,非nvue下需使用u-input
这句话什么意思呢?也就是是说,如果我们不遵守这个法则的话,我们的配置是无效的。如下:
可以看到,几乎一样的语句,就是因为用错的u-input,所以导致不显示后槽
当然,你也可以通过以下手段万无一失:
<!-- #ifndef APP-NVUE -->
<u-input placeholder="后置插槽">
<!-- #endif -->
<!-- #ifdef APP-NVUE -->
<u--input placeholder="后置插槽">
<!-- #endif -->
<template slot="suffix">
......
</template>
<!-- #ifndef APP-NVUE -->
</u-input>
<!-- #endif -->
<!-- #ifdef APP-NVUE -->
</u--input>
<!-- #endif -->