鍍金池/ 問答/Java  HTML/ vue綁定數(shù)據(jù)的時候報錯

vue綁定數(shù)據(jù)的時候報錯

兩個差不多的頁面,代碼幾乎是直接復制過來的。。。另一個沒有報錯。這一個報錯了,兩個頁面的區(qū)別在于這個頁面多了新增功能。新增和修改都是同一個div。。。新增時,通過v-for新增表格一行,沒有問題~~ 修改時,就報錯了。
代碼如下:

<div v-show="!showList" class="panel panel-default">
....
<form role="form">
    <div class="form-group">
                <div class="col-md-12 column" style="margin-bottom: 6px;margin-left: 13px;">
                    <input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                    &nbsp;&nbsp;<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="保存" />
                    &nbsp;&nbsp;<input type="button" class="btn btn-primary" @click="commitUpdate" value="提交"/>
                    &nbsp;&nbsp;<input type="button" class="btn btn-primary" @click="auditUpdate" value="審核"/>
                    <!-- <input type="text" class="form-control" name="id" style="display: none" disabled="disabled" v-model="eOrdersale.id" /> -->
                </div>
            </div >
            <div class="form-group">
                <div class="col-md-4 column">
                    <label class="col-sm-3 control-label">狀態(tài)</label>
                    <div class="col-sm-9">
                    <input type="text" class="form-control" name="status" style="display: none" disabled="disabled" v-model="saleOrder.status" placeholder="狀態(tài) "/>
                    <input type="text" class="form-control" name="statusName"  disabled="disabled" v-model="saleOrder.statusName" placeholder="狀態(tài) "/>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-4 column">
                    <label class="col-sm-3 control-label">客戶</label>
                    <div class="col-sm-9">
                     <input type="text" class="form-control" name="customer" @keyup="getCustomer" list="customerList" v-model="saleOrder.customer" placeholder="客戶"/>
                     <datalist id="customerList">
                         <option value="vava" />
                     </datalist>
                     </div>
                </div>
            </div>
</form>
<div class="form-group">
                <div class="col-md-12 column">
                <input type="button" class="btn btn-xs " v-show ="add" @click="addRow" value="新增"/>
                    <table id="entry"  class="table table-condensed table-bordered">
                        <thead>
                            <tr>
                                <th style="display: none">ID</th>
                                <th>商品</th>
                                <th>數(shù)量</th>
                                <th>金額</th>
                                <th>單價</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-for="e in saleOrder.entrys">
                                <td style="display: none"><input style="display: none" type="text" v-model="e.id" name="id" ></td>
                                <td><input type="text" name="goods" list="goodsList" v-model="e.goodsName"></td>
                                <td><input type="text" name="quantity" v-model="e.quantity"></td>
                                <td><input type="text" name="amount"  v-model="e.amount"></td>
                                <td><input type="text" name="price"  v-model="e.price"></td>
                            </tr>
                        </tbody>
                    </table>
                    <datalist id="goodsList" >    
                    </datalist>
                </div>
                </div>
</div>
var vm = new Vue({
    el:'#rrapp',
    data:{
        q:{
            begin:null,
            end:null,
            creater:null
        },
        showList: true,
        title: null,
        saleOrder: {
            begin:null,
            end:null,
            creater:null,
            entrys:[]
    /*{id:"1",goodsName:"1",quantity:"quantity",amount:"1",price:"1"}*/
        }
    },
    methods: {
            add: function(){
            vm.showList = false;
            vm.add = true;
            vm.title = "新增";
            vm.saleOrder = {entrys:[]};
        },
            update: function (event) {
            var id = getSelectedRow();
            if(id == null){
                return ;
            }
            vm.showList = false;
            vm.add = false;
            vm.title = "修改";
            
            vm.getInfo(id)
        },
        addRow:function(){
            vm.saleOrder.entrys.push({id:" ",goodsName:" ",quantity:" ",amount:" ",price:" "});
        },
        //TODO 提交
        //TODO 審核
        getInfo: function(id){
            $.get(baseURL + "saleorder/info/"+id, function(r){
                vm.saleOrder = r.saleOrder;
         });
         },
    }

clipboard.png
我覺得很奇怪,感覺不像是數(shù)據(jù)綁定的問題,有感覺像是。

回答
編輯回答
孤星

v-for后面的saleOrder里面的entrys是個數(shù)組嗎

2017年4月18日 14:53