Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法

时间:2021-05-26

1. 引入jquery和vue.js

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script type="text/javascript" src="http://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>

2. JS

<script type="text/javascript">$(function(){ vm = new Vue({ el:'#lst', data:{ mcs : [] } }); getmc();}); function getmc(){ $.get("getJsonData.action", function(msg){ vm.mcs = msg });}</script>

3. HTML

<div id="lst" v-cloak> <div v-for="mc in mcs"> <p> <a :href="'abbbbb.action?id=' + mc.id " rel="external nofollow" >{{mc.titles}}</a> </p> </div> </div><p> <input type="button" onclick="getmc()" value="更新页面" /></p>

以上这篇Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章