在方法结束之前，Vue.js不会更新窗口中的垂直模态值

Question

我有一个内部有循环的方法，它调用ajax post请求并将接收到的值附加到v-modal绑定变量。但是在整个循环和方法完成运行之前，该值不会在视图中更新。我希望它在用新值更新值后立即更新视图中的值。

我做错了吗？请提出一种解决方法。

HTML

<button v-on:click="getResult">Process</button>
<textarea id="result-section" v-model="result"></textarea>

app.js

var app = new Vue({
    el: '#app',
    delimiters: ["<%", "%>"],
    data: {
    result: '',
    dataJson: {...},
    cmdOutput,
},
methods: {
    getData: function (neName, cmd) {
        $.ajax({
            url: '/getdata/cmd/',
            type: "POST",
            async: false,
            data: JSON.stringify({
                'cmdData': [{ 'neName': neName, 'cmd': cmd }],
            }),
            dataType: 'json',
            success: function (data) {
                if (data) {
                    console.log(data);

                    if (data["status"] == "3") {
                        app.cmdOutput = data['Result'];
                    } else {
                        app.cmdOutput = '';
                    }
                }
            },
            error: function (data) {
                app.cmdOutput = '';
            },
            timeout: 7000
        });
    },
    getResult: function () {
        for (var i = 0; i < app.dataJson.length; i++) {
          getData(app.dataJson[i]["neName"],app.dataJson[i]["cmd"]);
          app.result+=cmdOutput+"\n";
        }
    },
    }
})

请帮助。谢谢！