vue+element表单使用v-show实现动态显示和隐藏失败，为什么？

Question

问题描述

在实现表单展示时，根据判断条件来显示一些东西，但是失败了

相关代码

<div v-show="selectData = false">
      <el-form-item label="选项A" :label-width="formLabelWidth">
        <el-input v-model="updateForm.questionA" placeholder="请输入选项" class="choose-input"></el-input>
      </el-form-item>
      <el-form-item label="选项B" :label-width="formLabelWidth">
        <el-input v-model="updateForm.questionB" placeholder="请输入选项" class="choose-input"></el-input>
      </el-form-item>
      <el-form-item label="选项C" :label-width="formLabelWidth">
        <el-input v-model="updateForm.questionC" placeholder="请输入选项" class="choose-input"></el-input>
      </el-form-item>
      <el-form-item label="选项D" :label-width="formLabelWidth">
        <el-input v-model="updateForm.questionD" placeholder="请输入选项" class="choose-input"></el-input>
      </el-form-item>
</div>

async getQuestionDetail(row) {
  let param = {
    questionId: row.questionId
  };

  let res = await cdService.clickUpd(param);

  if (res) {
    console.log(res, "题目详情");
    this.updateForm = res.data;
    this.updateForm.sortId = [
      res.data.subject.subjectId,
      res.data.sort.sortId
    ];
    if (this.classifyId = 1) {
      this.updateForm = res.data;
      this.updateForm.sortId = [
        res.data.subject.subjectId,
        res.data.sort.sortId
      ];
      this.selectData = true;
    }
   
  }

  this.dialogFormVisible1 = true;
  
},

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

已解决

<div  v-if="this.updateForm.classifyId === flag">
      <el-form-item label="选项A" :label-width="formLabelWidth">
        <el-input v-model="updateForm.questionA" placeholder="请输入选项" class="choose-input"></el-input>
      </el-form-item>
      <el-form-item label="选项B" :label-width="formLabelWidth">
        <el-input v-model="updateForm.questionB" placeholder="请输入选项" class="choose-input"></el-input>
      </el-form-item>
      <el-form-item label="选项C" :label-width="formLabelWidth">
        <el-input v-model="updateForm.questionC" placeholder="请输入选项" class="choose-input"></el-input>
      </el-form-item>
      <el-form-item label="选项D" :label-width="formLabelWidth">
        <el-input v-model="updateForm.questionD" placeholder="请输入选项" class="choose-input"></el-input>
      </el-form-item>
</div>

然后在return中定义flag=1就可以了这个是我想要的id

Answer 2

selectData = false
你想表达的是 selectData === false 吧
你是写的是赋值不是判断

Answer 3

解决了吗？