Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Vue中使用禁用的输入清空输入值_Javascript_Vue.js_Vuejs2 - Fatal编程技术网

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输入为空,那么LEVEL3LEVEL4应该禁用并具有空值

如果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=“”):“”;
},
深:是的
}
},
})