qq_41767905
dreamer·强
采纳率20%
2019-03-20 09:45

为什么使用.resetFields()重置 无效?

5
已采纳
<el-form
      :model="articleData"
      :ref='articleData'
      :rules="editRules"
      label-position="right"
      label-width="80px"
    >

设置了form 之后
对应的prop也设置了

<el-row>
        <el-col :sm="24" :md="16">
          <el-form-item label="文章标题" prop="name">
            <el-input v-model="articleData.name"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :sm="24" :md="16">
          <el-form-item label="栏目"  class="catalog-list" prop="catalogs">
            <el-dropdown trigger="click" placement="bottom-start" style="width:100%" id="dropdown">
              <el-select

点击提交按钮 想要重置

console.log(this.$refs['articleData'],'这里是获取的refs')
      if (this.$refs['articleData']!==undefined) {
          this.$refs['articleData'].resetFields();
      }

这里的console.log获得的是undefined
这是为什么?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • qq_41767905 dreamer·强 2年前

    ref 不需要加‘:’

    点赞 评论 复制链接分享
  • kill_uojie kill_uojie 2年前

    不是应该这样写的吗,this.$refs.articleData

    点赞 评论 复制链接分享

相关推荐