《JavaScript权威指南 第6版（上、下册）》（[美] David Flanagan）电子书网盘下载免费在线阅读
链接: https://pan.baidu.com/s/17eugxPdjPd85DkbBUOKmeg
提取码: 37ur书名：JavaScript权威指南 第6版（上、下册）
作者：[美] David Flanagan
豆瓣评分：8.9
出版社：东南大学出版社
出版年份：2011-1
页数：1078
内容简介：
《JavaScript权威指南(影印版)(第6版)(套装共2册)》是一本针对JavaScript语言的核心内容以及由浏览器定义的客户端JavaScript应用程序编程接口的程序员指南和综合参考书。第6版涵盖了HTML5和ECMAScript5。为了介绍当今Web开发的最佳实践，很多章节被完全重写过。这一版新添加的章节详细讲解了jQuery和服务器端JavaScript编程。《JavaScript权威指南(影印版)(第6版)(套装共2册)》推荐给那些想学习Web编程技巧的有经验的程序员，以及那些想要精通这门语言的JavaScript程序员。
Vue做项目过程中，经常使用v-for渲染多个重复组件或dom元素，比如：传递json/字典，利用v-for遍历json中的key和value，并渲染到页面中，改变元素的顺序，如下所示：<el-card class="content-card" v-for="(questionsData,i) in form.questionsData">
//具体的业务
......
</el-card>
复制
然而，v-for在设计过程中，无法实现对数据的双向绑定，也就是说，当json_data中的key或value改变时，默认data中的json_data属性值可以改变，但是页面内容还是之前组件第一次渲染出来的结果，无法实现实时刷新。
解决方案
Vue中，v-if是条件渲染，每次状态更新都会重新删除或者创建元素，因此利用v-if可以实现template中代码的局部刷新(先删除，再创建)，但v-if有较高的切换性能消耗。
Vue官方中不推荐v-for和v-if在同一标签中共同使用。因此，给上述示例代码外面加上一层div，file_is_show为true时创建，为false时销毁。如下所示：
<template v-if="file_is_show">
<el-card class="content-card" v-for="(questionsData,i) in form.questionsData">
//具体的业务
......
</el-card>
</template>
复制
监听json_data数据改变，若json_data改变，元素先销毁，再创建，实现页面的局部刷新。
方法一
watch: {
// 监听json数据变化，重新渲染文件夹内容
json_data(newVal) {
this.file_is_show = false
if (true) {
this.$nextTick(()=>{ // $nextTick 是在 DOM 更新循环结束之后执行延迟回调
this.file_is_show = true
})
}
}
}
复制
方法二
//下移 将当前数组index索引与后面一个元素互换位置，向数组后面移动一位
zIndexDown(arr, row) {
let index = arr.indexOf(row)
if (index + 1 != arr.length) {
this.swapArray(arr, index, index + 1)
} else {
this.$modal.msgWarning("已是最后，无法下移")
}
},
//上移 将当前数组index索引与前面一个元素互换位置，向数组前面移动一位
zIndexUp(arr, row) {
let index = arr.indexOf(row)
if (index != 0) {
this.swapArray(arr, index, index - 1)
} else {
this.$modal.msgWarning("已是第一个，无法上移")
}
},
/**
* 数组元素交换位置
* @param {array} arr 数组
* @param {number} index1 添加项目的位置
* @param {number} index2 删除项目的位置
* index1和index2分别是两个数组的索引值，即是两个要交换元素位置的索引值，如1，5就是数组中下标为1和5的两个元素交换位置
*/
swapArray(arr, index1, index2) {
arr[index1] = arr.splice(index2, 1, arr[index1])[0]
this.file_is_show = false
if (true) {
this.$nextTick(()=>{ // $nextTick 是在 DOM 更新循环结束之后执行延迟回调
this.file_is_show = true
})
}
}
复制
注意
this.$nextTick是在DOM更新之后才会调用里面的内容。
如果不加这句话，json_data 改变，file_is_show先false，然后马上更新为true。而原本file_is_show就是true，所以DOM不会实现刷新。
nextTick的使用可以在dom销毁之后再执行回调函数（创建功能），这样才能达到销毁->创建，达到局部更新的功能。
html5
vue.js
现在的人都在用这款折叠手机，你还在等什么？
精选推荐
广告
vue中v-for绑定数组，当数组变化时页面数据不更新（已解决）
1.5W阅读·1评论·15点赞
2020年1月24日
vue中使用v-for渲染的列表当某项数据变动时视图列表没有更新问题解决
1638阅读·2评论·1点赞
2021年2月9日
vue 修改v-for 循环内的item数据视图不刷新
434阅读·0评论·0点赞
2022年11月15日
Vue中的v-for指令不起效果的解决方法
0下载·0评论
2020年12月29日
Vue中v-for的属性修改后不能及时的渲染数据
833阅读·0评论·1点赞
2020年6月23日
Vue中v-for隐藏的坑 - 不能实时更新
3798阅读·0评论·2点赞
2019年8月26日
超人气解压版《海岛奇兵》！
精选推荐
广告
v-for循环加载el-card并控制自动展开收起
1.3W阅读·0评论·1点赞
2017年6月21日
js v-for 数据变动时没有实时更新列表
359阅读·0评论·0点赞
2022年7月12日
vue3中数据更新，视图没有更新解决方案
463阅读·0评论·0点赞
2022年11月21日
Vue 列表渲染 v-for循环
811阅读·0评论·1点赞
2019年5月27日
vue v-for循环修改属性后页面不重新渲染
1851阅读·0评论·1点赞
2020年6月22日
解决vue this.$forceUpdate() 处理页面刷新问题（v-for循环值刷新等）
2639阅读·1评论·1点赞
2020年8月22日
Vue2.0 vue v-for循环，改变循环数据视图不更新
1131阅读·0评论·0点赞
2019年10月17日
VUE中v-for绑定数组，当数组变化时页面页面数据不更新问题
6790阅读·0评论·4点赞
2020年9月8日
解决vue的数组渲染不更新的问题
1330阅读·0评论·0点赞
2021年4月5日
vue v-for循环改变循环数据视图不更新
1.0W阅读·2评论·6点赞
2019年7月11日
【vue】使用vue时可以通过 this.$forceUpdate() 强制刷新页面数据（用于v-for循环值刷新中）
1287阅读·0评论·0点赞
2022年6月14日
v-for解决数据渲染刷新问题
1078阅读·0评论·0点赞
2021年5月31日
去首页
看看更多热门内容
评论2
mR1300
赞
局部v-if加watch很管用，谢谢
2022.06.21
weixin_44474752
赞
感谢，帮我解决了让我郁闷几个小时的问题
复制的我手都累了，你就用我这个吧···· 1君行★N.A.T 2J.P.C_战队 3 [Hack.SK] 4 名将战魂 5 Defend丶江苏 6 南京丶Dennis 7 1veR丶Prom1s 8 夜色丶续前缘 9 Air丶江苏 10 Z.spacE<会所 11 灬君临城下灬 12 Sister_精英 13 Lakers_联盟 Lake_Mr.Rock S 358476 2008-11-22 江苏电信一区 917/1000 加入 14 _★,So丶名人 _★,So丶沫沫 S 357888 2009-04-09 江苏电信一区 674/712 加入 15 Rebirth.江苏 <Ymin>*/亚1n SS 350326 2008-11-26 江苏电信一区 1078/1125 加入 16 ______丶门徒 ______丶7in. S 349280 2009-04-05 江苏电信一区 722/800 加入 17 Mars...辉煌 Mars...孓弹 S 336212 2009-03-06 江苏电信一区 937/945 加入 18 西厢丶醉雅轩 Eate丶欧米茄 S 330113 2009-04-07 江苏电信一区 507/517 加入 19 FS=刀钝了= 刀钝灬战车 SS 322515 2008-11-30 江苏电信一区 530/555 加入 20 华.音.阁 华音阁→彬彬 S 313148 2008-11-24 江苏电信一区 617/693 加入 21 魔幻丶Clan Magic_*.酒味 S 297904 2008-11-21 江苏电信一区 850/890 加入 22 VIP_B`T战队 B-T_C☆死 S 296108 2008-12-13 江苏电信一区 674/715 加入 23 Js丶新势力 N.Force_脾气 S 293008 2008-12-01 江苏电信一区 680/690 加入 24 Sacred丶特工 Sacred丶孑弹 SS 273711 2008-11-22 江苏电信一区 568/962 加入 25 徐州狐狸精 徐州-老七 S 269999 2008-11-22 江苏电信一区 535/801 加入 26 +1 纵横丨丶情义 纵横丨丶小宝 S 253908 2009-03-11 江苏电信一区 373/380 加入 27 -1 南京{名人堂} 巨箭龙哥 S 251318 2009-02-22 江苏电信一区 483/505 加入 28 ★丶�Theme Theme丶毛总 S 248788 2009-02-23 江苏电信一区 425/675 加入 29 Summit_Team Summit_亦熙 S 246340 2008-11-21 江苏电信一区 887/1151 加入 30 Z.G_辉煌部落 Z.G_皮爷 S 243526 2008-11-25 江苏电信一区 562/656 加入 31 丿Join_Star 丿Join丶稀饭 A+ 233208 2009-06-20 江苏电信一区 625/735 加入 32 +1 AK丶[时代] AK丶王子 A+ 219911 2008-11-21 江苏电信一区 373/400 加入 33 -1 Di_调丶Team Di_调丶肱子 A+ 215098 2008-12-02 江苏电信一区 369/380 加入 34 +1 Js丶战队★ Js丶月影★ A+ 211100 2008-11-22 江苏电信一区 521/537 加入 35 -1 CF~名人堂 名人堂~魑魅 A+ 210576 2008-12-08 江苏电信一区 469/500 加入 36 *_Mirac1es丶 *_Mirac1es丶 S 200340 2009-01-03 江苏电信一区 10/500 加入 37 CooL丶投名状 CooL丶阎王 S 196540 2008-11-21 江苏电信一区 445/560 加入 38 +1 Sir.<傲气>Sir_Alxe A+ 194989 2009-01-07 江苏电信一区 533/570 加入 39 -1 -单身灬贵族- 单身灬力哥 A+ 194686 2008-11-26 江苏电信一区 460/544 加入 40 Fire★神圣★ Best★Only.X A+ 194243 2008-11-29 江苏电信一区 333/401 加入 41 Ai.CF★Style Ai.CF★Style A+ 186931 2009-04-23 江苏电信一区 443/460 加入 42 +1 Specter`贵族 Specter.邶bi A+ 183506 2008-11-23 江苏电信一区 334/356 加入 43 -1 Gary丶兄弟连 Gary丶执刑者 A+ 183417 2009-05-06 江苏电信一区 388/440 加入 44 +2 Self.force Self.T恤 A+ 179245 2008-12-07 江苏电信一区 456/510 加入 45 -1 待续丶情缘阁 待续丶那PoSe A+ 178644 2009-02-17 江苏电信一区 485/494 加入 46 -1 Soul丶精英 Soul丶卡卡 A+ 178504 2008-11-26 江苏电信一区 559/585 加入 47 叛逆丶樱花祭 _叛逆丶冷月 A+ 174984 2008-11-22 江苏电信一区 453/500 加入 48 M.c丶allsTar M.c_Mr.默默 A+ 171979 2008-11-28 江苏电信一区 327/454 加入 49 +1 Agoni丶豪门 Agoni丶战鬼 A+ 169436 2009-05-20 江苏电信一区 319/480 加入 50 -1 丶Smile.红颜 丶Smile.贪恋 A+ 168276 2009-06-26 江苏电信一区 431/500 加入
