在vue中禁止input框和textarea编辑的操作

在我们开发项目的时候，有时候我们不希望用户对我们的页面进行操作，尤其是输入框之类的，这时候我们需要设置一下
第一种方法：
<input type="text" v-model="ConList.title" style="width: 100%;outline: none;height: 100%" readonly>
<textarea v-model="ConList.configuration.description" style="width: 100%;border: none;outline: none;resize:none;overflow:hidden" readonly></textarea>
重点：我们使用readonly,用到此方法的好处是：当输入框被禁止以后没有灰色的背景色
第二种方法：
 <input type="text" v-model="ConList.title" style="width: 100%;outline: none;height: 100%" disabled>
<textarea v-model="ConList.configuration.description" style="width: 100%;border: none;outline: none;resize:none;overflow:hidden" disabled></textarea>
重点：我们使用disabled,用到此方法的好处是：当输入框被禁止以后有灰色的背景色
根据项目的需求，不同的需求所用的方法不同，
拓展：禁止文本域拖动resize:none，
禁止有滚动条：overflow:hidden复制代码