vue input 只读

要使 Vue 的 input 元素变为只读，可以通过在 input 标签中添加 `readonly` 属性来实现。例如：

<template>
  <div>
    <input type="text" v-model="message" readonly>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: '这是只读文本'
    }
  }
}
</script>

上面的代码中，input 元素的 `readonly` 属性被设置为 `true`，这意味着用户不能编辑该元素中的文本内容，只能查看。另外，`v-model` 指令用于在 Vue 组件中双向绑定数据，这里用于展示只读文本内容。