【UI框架-uView】Input输入框如何使用前后槽?

【UI框架-uView】Input输入框如何使用前后槽?

官方链接如下:Input输入框 - 前后槽
前槽如下:
【UI框架-uView】Input输入框如何使用前后槽?_第1张图片
后槽如下:
【UI框架-uView】Input输入框如何使用前后槽?_第2张图片
可以看到,前后槽的灵活使用,不仅方便我们的布局,还可以在input中实现复杂的应用。

注意:由于兼容性差异,如果需要使用前后插槽,nvue下需使用u–input,非nvue下需使用u-input

这句话什么意思呢?也就是是说,如果我们不遵守这个法则的话,我们的配置是无效的。如下:
【UI框架-uView】Input输入框如何使用前后槽?_第3张图片
可以看到,几乎一样的语句,就是因为用错的u-input,所以导致不显示后槽

当然,你也可以通过以下手段万无一失:


<u-input placeholder="后置插槽">


<u--input placeholder="后置插槽">

	<template slot="suffix">
		......
	template>

u-input>


u--input>

你可能感兴趣的:(笔记,uview,uni-app,前端,前端框架,小程序,代码规范,微信小程序)