更改另一个选择时如何重设或清除选择。 Laravel-vue.js

我的项目正在建立一个用于评估的学校调查系统。我正在尝试创建一个用于创建调查并选择谁在评估和谁在评估的表单,我希望用户能够在单个用户和用户组之间进行选择。我想出的是在组和用户之间进行选择,并根据答案显示具有相关信息的另一个选择。

当我在组上具有第一个选择并且出现第二个选择时,我也会用一个组填充它,如果我尝试将第一个选择更改回用户,那么我会收到10个错误,而第二个选择在所有。我希望如果我在第一个选择中的组和用户之间切换,那么第二个选择将从所有已选择的内容中消失。

这是我得到的错误,当我在第一次选择时在组和用户之间切换时,我会遇到2到3次相同的错误

  

无效的道具:道具“值”的类型检查失败。预期的字符串,数字,数组

这就是选择所在的地方

<el-form-item label="Select evaluador">
    <el-select v-model="type1" v-on:change="onChange1()">
        <el-option
            v-for="type in evaluatorsType"
            :key="type.id"
            :label="type.name"
            :value="type.id">
        </el-option>
    </el-select>
</el-form-item>

<div v-if="type1 === 1">
    <el-form-item label="Evaluators individually"
            prop="evaluators">
        <el-select clearable multiple
                v-model="form.evaluators"
                placeholder="Selecionar por usuarios">
             <el-option
                  v-for="type in users"
                  :key="type.id"
                  :label="type.name"
                  :value="type.id">
              </el-option>
        </el-select>
    </el-form-item>
</div>

<div v-else>
    <el-form-item label="Evaluators by grupo"
            prop="evaluators">
        <el-select v-model="form.evaluators"
                placeholder="Selecionar grupo">
            <el-option
                v-for="type in groups"
                :key="type.id"
                :label="type.name"
                :value="type.id">
            </el-option>
        </el-select>
    </el-form-item>
</div>

形式

form: {
    evaluators: [],},

v-on:change方法

 onChange1(){
    this.form.evaluators = [];
},

这是行不通的,当我更改第一次选择的内容时,是否有办法可以清除选择的内容?

xzh16 回答:更改另一个选择时如何重设或清除选择。 Laravel-vue.js

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3164247.html

大家都在问