vue.js - vue v-for 列表数据获取完后如何重新渲染

问题描述

问 题

直接上代码：

<select class="dept_select select-change" data-placeholder="请选择学院" style="width: 180px;" name="academys" id="academys" data-rule-required="true" v-model="Academyselect">
        <option v-for="item in academyList" v-bind:value="item.id">
            {{ item.academyName }}
        </option>
 </select>
 
 当上面列表数据获取完后，我想引用其他插件初始化它
 
 $('#academys').trigger('chosen:updated');
 
 效果是出来了，但是列表数据显示不出来
 
 请问Vue v-for加载完后要怎么渲染呢

解决方案

把academyList替换为新数组。官网文档以下两种数据变化vue无法检测，1.通过索引修改值。2.改变数组长度。。。？赋值新数组不属于以上两种，有数据改变，就会有更新，记得在对应vue实例中定义academyList:[]这个数组，然后方法中赋值this.academyList就可以。

这篇关于vue.js - vue v-for 列表数据获取完后如何重新渲染的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！