vue中的计算属性是由请求返回来的数据判断的

Question

<template>
    <div
       v-if="type == xxx"        
        ></div>
       //这个时候页面加载的type是没有值的怎么办呢？
</template>


computed:{    type(){        return (ajax请求回来的某一个字段的值)
    }
}

Answer 1

你可以先定义一个变量在data里面，然后给个默认值，ajax方法请求回来再去回写你之前定的那个变量；然后计算属性type再来根据你定义的那个变量来就行了。<template> <div &nbsp;&nbsp;&nbsp;v-if="type&nbsp;==&nbsp;xxx"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;></div>&nbsp;&nbsp;&nbsp;//这个时候页面加载的type是没有值的怎么办呢？</template>data(){ &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type1:&nbsp;'',(ajax请求回来的某一个字段的值) &nbsp;&nbsp;&nbsp;&nbsp;} }, computed:{type(){ &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;this.type1} }