2048
登录
没  有  难  学  的  前  端
登 录
×
<返回上一级

Vue中,v-for循环出来的输入框,点击下一步,怎么给出非空提示

javascript作者:猿2048志愿者

Vue中,v-for循环出来的输入框,怎么给出非空提示,当第一行为空的时候,提示原料名称不能为空,第二行为空是时,进厂时间不能为空,
HTML:

<ul>
        <li v-for='(list,id) in lists' :key="id">
          <label>{{list.title}}</label>
          <input type="text" :type="list.type" v-model="ylMsg[list.id]" >
          <i v-show = "id!=0" @click="lists.splice(id,1)" class="iconfont icon-delete del-font"></i>
        </li>
      </ul>

js:

export default {
  data () {
    return {
      ylMsg: {'原料名称': '', '进厂时间': '', '原料供应商': '', '原料入库名': ''},
      lists: [
        {id: '原料名称', title: '原料名称'},
        {id: '进厂时间', title: '进厂时间', type: 'date'},
        {id: '原料供应商', title: '原料供应商'},
        {id: '原料入库名', title: '原料入库名'}
      ],
    }
  }
}

这个要怎么加判断啊?

评论
点击刷新
评论
相关问题
×添加代码片段