首页 > 其他 > 详细

Vue的条件渲染

时间:2019-04-13 15:34:15      阅读:101      评论:0      收藏:0      [点我收藏+]

在列表渲染的数据

key值不宜用index 一般使用后台传入数据的id
key值增加代码可读性

	可以用template进行包裹,并且不会被渲染到页面上
				<template v-for="(item,index) in list"  :key="item.id">
				<div >
				序号:{{index}}-----
			     </div>
		    	<span>{{item.content}}</span>
				</template>
			-->

  

 
改变数组内容:

 Vue.set(app.数组, 下标, 改变的值)

Vue数组的操作

push:增加一条
pop:删除数组最后一项
shift:删除数组第一项 
unshift:想数组第一项加内容
splice:做数组的截取 splice(下标号,删除几条,{往里增加一条 })
sort:数组的排序
reverse:数组取反
set:改变任意

  

<!--在console里面
    添加一个数组
    方法一:直接对对象重新赋值
    app.list={
        name:‘123‘,
        id:‘4‘,
        content:‘hhhhhh‘  
    }
    方法二:这个是键值对
    Vue.set(app.list, ‘id‘,‘111‘)
    
-->

 


 

Vue的条件渲染

原文:https://www.cnblogs.com/yubaibai/p/10701258.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!