admin管理员组

文章数量:1640596

经过测试，有时候在绑定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 => {
          
        })

本文标签： 网络disabledvueComputedBug

版权声明：本文标题：Vue disabled更改无效 disabled bug 网络请求 computed 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1729316990a1195413.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。