element 输入框无法获取值

manageObj为一个对象,我想对其中的‘bidding-it-risk’对象做遍历

this.manageObj={
          bidding-acceptance: {网址: {}}
          bidding-agenda: {网址: {}}
          bidding-bid-opening-evaluation: {网址: {}}
          bidding-contract: {网址: {}}
          bidding-it-risk: {IT会议: {url:null}, 风控会议: {url:null}}
          bidding-online: {网址: {}}
          bidding-project-apply: {网址: {}}
          bidding-reported-material: {网址:{}}
}
     <div v-if="['IT会议/风控会议'].includes(item.label)">
            <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" 
                v-for="(val,key,index) in manageObj['bidding-it-risk']"  :key="index">
                <el-form-item :label="key" label-width="100">
                        <el-input v-model="val.url" style="width:180px"  />
                </el-form-item>
            </el-col>
   </div>

img

这个input输入框无法输入 是什么情况? 绑定值绑定的有问题嘛?

this.manageObj 是我在进入页面的时候获取到的详情数据存到data中的

你这个要是数组才能进行遍历吧

v-for遍历数组

img

manageObj初始化数据就要写到data里面,不然不会响应