更新记录

1.0.8（2024-03-27）

1. 新增作用域插槽，可自定义添加数据项

1.0.7（2024-03-24）

1. 样式类目更改，以防止重名影响样式

1.0.6（2024-02-25）

1. 新增size、keyPlaceholder、valuePlaceholder属性
2. 调整部分逻辑

平台兼容性

sv-dynamic-input

props

props: {
  // 尺寸
  size: {
    type: String,
    default: 'default' // small | default | large
  },
  // 原数据
  data: {
    type: [Array, Object],
    default: () => []
  },
  // 自定义key键名字段
  lableKey: {
    type: String,
    default: 'key'
  },
  // 自定义key键名名称
  lableText: {
    type: String,
    default: '键名'
  },
  // 自定义value键值字段
  valueKey: {
    type: String,
    default: 'value'
  },
  // 自定义value键值名称
  valueText: {
    type: String,
    default: '键值'
  },
  // 对齐方式
  textAlign: {
    type: String,
    default: 'center'
  },
  // 标题宽度
  labelWidth: {
    type: String,
    default: '40px'
  },
  // 最小行数
  minRow: {
    type: Number,
    default: 1
  },
  // 最大行数
  maxRow: {
    type: Number,
    default: 999
  },
  keyPlaceholder: {
    type: String,
    default: '请输入键名'
  },
  valuePlaceholder: {
    type: String,
    default: '请输入键值'
  }
}

使用

<sv-dynamic-input v-model:data="dict_data" @change="changeValue"></sv-dynamic-input>

事件
changeValue(e) 在内容改变时触发
参数e：当前内容

写在最后

若对插件有任何疑问或者优化建议，欢迎在评论区留言，在插件市场中的私信消息本人可能不经常留意，导致没能及时回复， 可以加入本人的插件问答QQ交流群: 852637893，欢迎进群交流。