naive-ui/demo/documentation/components/customInput/enUS/custom.md
2019-10-25 15:50:09 +08:00

37 lines
586 B
Markdown

# Custom
```html
<n-custom-input
v-model="test1"
title="Add CheckBox"
>
<template v-slot="slotProps">
<div style="width:100%">
<n-checkbox
v-model="slotProps.item.isCheck"
style="width: 120px;"
/>
<n-input-number
v-model="slotProps.item.num"
/>
<n-input
v-model="slotProps.item.string"
type="input"
size="small"
/>
</div>
</template>
</n-custom-input>
```
```js
export default {
data () {
return {
test1: [
{
isCheck: true
}
]
}
}
}
```