vue 通过条件控制画面上的部分q-input只读

可以使用v-bind指令和computed属性来实现。首先，定义一个computed属性，根据条件返回一个布尔值，表示是否可以编辑。然后，在q-input上使用v-bind指令绑定该属性，使其只读或可编辑。

示例代码如下：

<q-input v-model="inputValue" :readonly="isInputReadonly"></q-input>

export default {
  data () {
    return {
      inputValue: '',
      condition: true // 根据条件判断是否只读
    }
  },
  computed: {
    isInputReadonly () {
      return this.condition ? true : false
    }
  }
}

注意，这里的条件可以是任何逻辑表达式，只要最终返回一个布尔值即可。

相关问题

vue q-input 只读

要将 q-input 设置为只读，可以设置它的 `readonly` 属性为 `true`。例如：

<q-input
  label="只读输入框"
  v-model="inputValue"
  readonly
/>

这将使输入框变为只读状态，用户将无法编辑它的值。

el-input 只读vue

以下是el-input只读的Vue实现方法：

1. 在data中定义readonly为true：

data() {
  return {
    readonly: true
  }
}

2. 在el-input中加上:readonly="readonly"：

<el-input :readonly="readonly"></el-input>

3. 如果需要禁用，可以在data中定义edit为false：

data() {
  return {
    edit: false
  }
}

4. 在el-input中加上:disabled="!edit"：

<el-input :disabled="!edit"></el-input>