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

586 B

Custom

<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>
export default {
  data () {
    return {
      test1: [
        {
          isCheck: true
        }
      ]
    }
  }
}