鍍金池/ 問答/HTML/ vue 加載json 形成下拉列表

vue 加載json 形成下拉列表

<form>

    <table>
        <div id="divhenshua">
            <Select v-model="vvmodel" disabled style="width:200px">
                <Option v-for="item in listhenshua" :value="item.henshuaDescription" :key="item.henshuaName">{{ item.henshuaDescription }}</Option>
            </Select>
        </div>

    </table>
</form>

<script>
    $(function () {
        $.get("/henshua.sp?method=queryhenshuaList", function (res) {
            console.log("henshua", res);
            vhenshua.listhenshua = res.rows;
        });
    });

    var vhenshua = new Vue({
        el: "#divhenshua",
        data: {
            listhenshua: [],
            vvmodel:''
        }

    });

</script>
</body>

已經(jīng)引入vue,看network有東西,json也能獲取到,沒有報(bào)錯(cuò)..
返回的樣式是

 {
    "total": 1,
    "rows": [
        {
            "henshuaName": "2",
            "henshuaDescription": "bbbk",
        }
    ]
}
  1. 我試過前端console有數(shù)據(jù)輸出,能get到數(shù)據(jù)
  2. 寫法無報(bào)錯(cuò)..
  3. 請(qǐng)各位大神指點(diǎn)我這個(gè)菜鳥
  4. 謝謝你的耐心解答
回答
編輯回答
萌小萌

data必須為函數(shù),結(jié)案

2017年2月5日 17:41