vue中,设置全局的 input 为只读状态,并改变输入框背景色
一、需求
vue中,当获取到参数check等于1时,设置全局的 input 为只读状态,并改变输入框背景色
二、代码
<template><div><input type="text" :readonly="isReadOnly" :style="{ backgroundColor: inputBackgroundColor }"></div>
</template><script>
export default {data() {return {check: 1 // 假设check的初始值为1};},computed: {isReadOnly() {return this.check === 1; // 根据check的值确定是否设置为只读状态},inputBackgroundColor() {return this.check === 1 ? 'lightgray' : 'white'; // 根据check的值确定背景颜色}},mounted() {if (this.$route.query.check) {this.check = this.$route.query.check //仅查看}},
}
</script>