vue3+naiveUI二次封装的v-model 联动输入框

原创

已于 2024-01-27 08:49:53 修改 · 1.4k 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #ecmascript

于 2024-01-26 14:05:20 首次发布

根据官网说明使用

请添加图片描述

源码

<template>
  <div class="clw-input pt-3">
    <n-input
      ref="input"
      :value="modelValue"
      :type="type"
      :title="title"
      clearable
      :disabled="disabled"
      :size="size"
      placeholder=""
      @focus="$emit('focus')"
      @blur="blur"
      @input="input"
      @change="change"
    />
    <label class="z-1 text-warmgray" :style="style">{
  
  { placeholder }}</labe