vue.js (vue.js)vuejs渲染问题(1/2)

关于网友提出的“vue.js (vue.js)vuejs渲染问题
”问题疑问，本网通过在网上对“vue.js (vue.js)vuejs渲染问题
”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题：vue.js (vue.js)vuejs渲染问题
描述:

vue.js渲染问题。不知道你们有没有遇到过，偶尔会出现数据没渲染出来，必须刷新才能渲染出来，这样的问题怎么解决？
已经ajax异步了，也用了vue的生命周期函数，但是还是有这种问题。
bootstrap 模态弹窗show的时候调用newlotteryItem并传入dom节点跟当前窗口。

var newlotteryItem = function(localecontent,dialog){
    var vm = new Vue({
        el: localecontent,
        data:{   
            showerror:false,//pass validat or not
            pagetitle:'新建现场抽奖',//page title
            prizedata:'',//prize list data
            generatingMode:[
                '逐一产生','一次产生'
            ],//generation mode
            prizetheme:'',//lotter theme
            prizeinstro:'',//lotter instruction
            prizeList:[//main structure,prize item
                {   
                    awardsName:'',
                    prizeId:'--请选择奖品名称--',
                    prizeMan:'',
                    generatingMode:'逐一产生'
                }
            ]
        },
        ready:function(){
            var thisContruct = this;
            $.ajax({
                type:"post",
                url:contextPath + "/WxPrize/pageJson.koala?pagesize=1000&page=0",
                async : true,
                success:function(result){
                    thisContruct.$data.prizedata = result.data;
                }
            })
        },
        method:function(){}
    })   
}    

---

解决方案1:

get请求会被浏览器缓存起来的，这个跟vue没啥关系。

建议你去chrome商店搜一下Cache killer这个插件，方便调试某些功能。

解决方案2:

估计是你取数据的时机不对吧，你在什么地方调用ajax拿数据的？

同志，你那么搞铁定有问题啊，ajax是异步操作，哪能那么写，改改吧：