经过测试,有时候在绑定disabled之后直接设置为true是无效的

原因不知道

如果需要禁用之类的话,可以改用v-show + computed计算属性

<div v-show="boolAddFunc">

</div>
computed: {
    boolAddFunc() {
      return this.boolShow
    }
  },
data: {
	boolShow: true
}

另外:
如果需要加载一些内容之后,再显示特定的内容,可以这样做:
先在data里面设置多个boolean变量

  boolShowA: true,
  boolShowB: true,
  boolShowC: true

然后在computed中的boolAddFunc()中写:

boolAddFunc() {
      return this.boolShowA && this.boolShowB && this.boolShowC
    }

这种情况适用于网络请求完毕之后再显示一些内容
注意要把boolShowA ,boolShowB, boolShowC这3个变量在他们各自的所在的网络请求完成之后设置为true,比如:

this.$axios.get( hostUrl)
        .then(res => {
        // 1,先处理res
        	....
        // 2,最后设置boolShowA
        	this.boolShowA = true
          })
        .catch(err => {
          
        })
Logo

前往低代码交流专区

更多推荐