Vue利用computed 实现Alert 的隐藏和显示

简介

通过判断信息输入的完整性，给出警告

前端代码

<v-alert
      :value = "isError"
      dense
      outlined
      type="error"
>
       Information is not complete! Please check!
</v-alert>

    computed:{
        isError:function(){
        if (this.ProjectName != ''){
            return false
        } else {
            return true
            }
         }
    },

关键点

:value = "isError"

需要注意v-bindd的使用，如果不带bind 则无法对组建特性进行修改，会设为默认值，如果带bind则可以进行设置或通过方法设置。