input custom 输入框（李新星）

基础用法

<template>
  <div>
    <h-input-custom  v-model="title" :propData="selectData[0]"></h-input-custom>
    <br>
    <!-- <h-input-custom  v-model="title" :propData="selectData[1]"></h-input-custom> -->
  </div>
</template>

<script>
export default {
  data() {
    return {
			title: '',
			selectData: [
				{
          title: '标题:',
          style: {
            width: '180px'
          }
				},
				{
          title: '状态:',
          style: {
            width: '180px'
          },
					options: [
            {
              value: '',
              label: '全部'
            },
            {
              value: 0,
              label: '已下架'
            },
            {
              value: 1,
              label: '已发布'
            },
            {
              value: 2,
              label: '未发布'
            },
            {
              value: 3,
              label: '待审核'
            },
            {
              value: 4,
              label: '审核不通过'
            }
          ]
				}
			],
    }
  }
}
</script>

显示代码

Attributes

参数	说明	类型	可选值	默认值
model	组件绑定值	string	—	—
propData	组件属性	object	{ labelName/title: '下拉框名称', style: '样式相关' } 支持elementui el-input组件的原有参数	—