<template> <k-input placeholder="请输入内容"></k-input> </template>
<template> <k-input placeholder="请输入内容" value="我被禁止输入了" disabled></k-input> </template>
<template> <k-input v-model="input" placeholder="请输入内容" clearIcon></k-input> </template> <script> export default { data() { return { input: "", } } } </script>
prefix-icon input 的前面图标 suffix-icon input 的后面图标
prefix-icon
input
suffix-icon
<template> <k-input placeholder="请输入内容" prefix-icon="smile-fill" suffix-icon="smile-fill" /> </template>
前缀采用的是插槽(slot)的方式 prepend 前缀 append 后缀
slot
prepend
append
<template> <k-input placeholder="请输入网址" > <template slot="prepend">https://</template> <template slot="append">.com</template> </k-input> </template>
← Icon 图标 Radio 单选框 →
