鍍金池/ 問(wèn)答/HTML/ elementUI el-input 怎樣才可以綁定數(shù)組？

elementUI el-input 怎樣才可以綁定數(shù)組？

項(xiàng)目開(kāi)發(fā)遇到到el-input綁定數(shù)據(jù)，結(jié)果頁(yè)面報(bào)錯(cuò)。請(qǐng)教怎么處理？

<template>
  <div class="container">
    <div>
      <el-input type="textarea" v-model="ids" placeholder=""></el-input>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        ids: [1, 2]
      };
    }
  };
</script>

報(bào)錯(cuò)：
圖片描述

目標(biāo)實(shí)現(xiàn)效果：
圖片描述

回答
編輯回答
忠妾

。。。。。不能綁定數(shù)組，你綁個(gè)數(shù)組想讓它展示什么。。

2017年10月28日 19:58
編輯回答
選擇

如果僅有一個(gè)輸入框，僅想綁定數(shù)組中的某個(gè)值：

<el-input type="textarea" v-model="ids[0]" placeholder=""></el-input>  //0代表第一個(gè)，1代表第二個(gè)

如果根據(jù)數(shù)組來(lái)循環(huán)創(chuàng)建輸入框：

<el-input type="textarea" v-for="item in ids" v-model="item" placeholder=""></el-input>
2017年7月3日 05:51
編輯回答
念舊

報(bào)錯(cuò)是因?yàn)椋?/p> 

    props: {
      value: [String, Number]
      }

限制了只能為 String或 Number 類型。

想綁定數(shù)組，只能 使用v-for 多加幾個(gè) el-input 分別綁定了。

2018年4月27日 08:59