Javascript 在Vue中使用禁用的输入清空输入值
我想要的是禁用并清空Javascript 在Vue中使用禁用的输入清空输入值,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我想要的是禁用并清空输入,这样如果LEVEL2输入为空,那么LEVEL3和LEVEL4应该禁用并具有空值 如果LEVEL3输入为空,则应禁用LEVEL4并具有空值 禁用的代码正在工作,但值仍然存在。我已经有了这样的东西: <el-form-item :prop="'materialInfo.' + e_key + '.LEVEL2'" :rules="level2Rules" class="u_f_left"> <span>-</span> <e
输入,这样如果LEVEL2输入为空,那么LEVEL3和LEVEL4应该禁用并具有空值
如果LEVEL3输入为空,则应禁用LEVEL4并具有空值
禁用的代码正在工作,但值仍然存在。我已经有了这样的东西:
<el-form-item :prop="'materialInfo.' + e_key + '.LEVEL2'" :rules="level2Rules" class="u_f_left">
<span>-</span>
<el-input v-model="e_val.LEVEL2" :value="e_val.LEVEL2" placeholder="階層2" class="wid70" @blur="joinLevel(e_key)" clearable></el-input>
</el-form-item>
<el-form-item :prop="'materialInfo.' + e_key + '.LEVEL3'" :rules="level3Rules" class="u_f_left">
<span>-</span>
<el-input :disabled="e_val.LEVEL2?false:true" v-model="e_val.LEVEL3" :value="e_val.LEVEL3" placeholder="階層3" class="wid70" @blur="joinLevel(e_key)" clearable></el-input>
</el-form-item>
<el-form-item :prop="'materialInfo.' + e_key + '.LEVEL4'" :rules="level4Rules" class="u_f_left">
<span>-</span>
<el-input :disabled="e_val.LEVEL3?false:true" v-model="e_val.LEVEL4" :value="e_val.LEVEL4" placeholder="階層4" class="wid70" @blur="joinLevel(e_key)" clearable></el-input>
</el-form-item>
<el-input :disabled="e_val.LEVEL2?false:true" v-model="e_val.LEVEL2?e_val.LEVEL3:EMPTYVALUE" :value="e_val.LEVEL3" placeholder="階層3" class="wid70" @blur="joinLevel(e_key)" clearable></el-input>
EMPTYVALUE
声明为EMPTYVALUE:”,
但我似乎遇到了一些错误,无法编译。
如果可能的话,我还想避免使用模糊或更改事件
newvue({
el:“应用程序”,
数据(){
返回{
框:新阵列(5),
}
},
计算:{
lastBox(){
设lastBox=0;
for(设i=0;i
正文{
背景:#20262E;
填充:20px;
字体系列:Helvetica;
}
输入[类型=文本]{
宽度:50px;
高度:30px;
字体大小:16px;
}
newvue({
el:“应用程序”,
数据(){
返回{
框:新阵列(5),
}
},
计算:{
lastBox(){
设lastBox=0;
for(设i=0;i
正文{
背景:#20262E;
填充:20px;
字体系列:Helvetica;
}
输入[类型=文本]{
宽度:50px;
高度:30px;
字体大小:16px;
}
您可以执行以下操作:
在每个输入上添加watch属性
newvue({
el:“应用程序”,
数据:{
输入:{
一个:“,
两个:“,
三个:,
四个:“
}
},
观察:{
输入:{
处理程序(val){
!val.one?(this.input.two=“”):“”;
!val.two?(this.input.three=“”):“”;
!val.three?(this.input.four=“”):“”;
},
深:是的
}
},
})
您可以执行以下操作:
在每个输入上添加watch属性
newvue({
el:“应用程序”,
数据:{
输入:{
一个:“,
两个:“,
三个:,
四个:“
}
},
观察:{
输入:{
处理程序(val){
!val.one?(this.input.two=“”):“”;
!val.two?(this.input.three=“”):“”;
!val.three?(this.input.four=“”):“”;
},
深:是的
}
},
})