牛骨文教育服务平台(让学习变的简单)
博文笔记

vue中判断服务器传递的数据是否存在 即 vue监听一个不存在的变量

创建时间:2018-02-06 投稿人: 浏览次数:716

如果在项目中的某个方法中判断服务器端传来的数据是否存在可以 采用 typeof 属性 ==  "undefined" 判断

例如 :

<div v-for="(item,index) in testData" :key="index">

<div :class="{"check": item.checked}"@click= "text(item)"></div>

</div>

 data(){

 return {

 testData:[

{

 name: "a",

   sex:"0"

}

]

}

},

methods:{

 test(item){

if(typeof item.checked == "undefined"){

//alert("测试") 当不存在是 我们一定要使用这个属性时

//方法一如下:在vue 全局设置checked 属性

Vue.set(item,"checked",true);

//方法二 : 在vue局部设置checked 属性

this.$set(item,"checked",true);

}else{

 item.checked = !item.checked

}

}

}

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。