根据$refs设置disabled

要根据$refs来设置元素的disabled属性，可以通过访问$refs来获取到对应的元素，然后设置其disabled属性即可。例如，假设我们要根据$refs来设置一个button元素的disabled属性，可以在组件的方法中这样实现：

methods: {
  handleClick() {
    this.$refs.myButton.disabled = true
  }
}

在这个例子中，我们假设组件中有一个button元素，并且我们在这个元素上添加了一个ref属性，属性值为'myButton'。当按钮被点击时，我们就可以通过访问$refs.myButton来获取到这个按钮元素，并设置其disabled属性为true，从而禁用按钮。

需要注意的是，如果要在组件的方法中访问$refs，应该在组件的mounted钩子中进行访问，因为只有在mounted钩子中才能保证$refs已经被正确地填充。例如：

mounted() {
  console.log(this.$refs) // 这里可以正确地访问到$refs
}

另外，需要注意的是，如果要在组件的render函数中访问$refs，应该使用this.$nextTick()来保证能够正确地访问到$refs。例如：

render(h) {
  return h('div', [
    h('button', {
      ref: 'myButton',
      on: {
        click: this.handleClick
      }
    }, '点击按钮')
  ])
},
methods: {
  handleClick() {
    this.$nextTick(() => {
      this.$refs.myButton.disabled = true
    })
  }
}

在这个例子中，我们在render函数中访问$refs，并且使用this.$nextTick()来确保能够正确地访问到$refs。