前端问题记录

v-if判断值除去dom元素

举例

view v-if="status!='applcation'"

<custom-msg v-if="item.msg.type == 'custom'">

 v-show显示隐藏

 v-show="item.status==0">下架</u-button 
    66:13              v-show="item.status==1"   >上架</u-button 

:class用法

比如编辑页面和查看页面，内容都是一样的，这时候可以设置一个状态来区分，通过这个状态变量来给编辑处加上class，这个class通过css来控制前端的权限，而不用写两个页面；再比如审核页面，需要查看哪些内容被修改过，修改过而未审核的标红，也可以设置统一的css。

        <view class="footer" v-if="!onlyRead">
            <view :class="compelet ? 'btn' : 'btn gray'" @click="submit">
                提交信息
            </view>
        </view>

三元函数用法

        <view :class="compelet ? 'btn' : 'btn gray'" @click="submit">
                {{storeApplyStatus == 'over' ? '完成' : '下一步'}}
            </view>