动态操作【Select】时，placeholder不显示问题

代码复现

// 渲染页面
 <Select v-model="item.factoryName" filterable  :placeholder="item.factoryName">
   <Option v-for="item,index in cityList" :value="item.value" :key="index">{{ item.label }}</Option>
</Select>

__________________________________________________
// 动态新增Select按钮
 <div class="addBtn">
   <Icon type="md-add-circle" @click="handleAdd"/>
 </div>
 
 ——————————————————————————————————————————————————

     // 新增
    handleAdd () {
        this.formDynamic.items.unshift({
            index: this.formDynamic.items.length +1 ,
            status: 1,
            factoryName: '',   
            stockQuantity: null,
            stockRemarks: ''
        })
    },

原因就是factoryName默认为空‘’，或者默认为null，只需要把其改为undefined就可以，

placeholder是当前组件值为空时显示的替换文本，只有值为空的时候才会显示。当组件绑定了value后，值不再是空，即时初始化值为""或null也视为有值，所以placeholder自然就不会显示。