在vue table中使用Treeselect下拉内容显示不全的问题

<el-table-column prop="orgCode" label="单位" align="center">
   <template slot-scope="scope">
        <el-form-item
              :prop="'peopleTableData.' + scope.$index + '.orgCode'"
              :rules="ruleTableRules.orgCode"
         >
          <Treeselect
                v-model="scope.row.orgCode"
                :value="scope.row.orgCode"
                :options="getunitoptions"
                :normalizer="normalizer"
                placeholder="请选择"
                noOptionsText="暂无数据"
                @select="TreeselectFn"
              ></Treeselect>
        </el-form-item>
  </template>
</el-table-column>

加个这个就可以了

append-to-body
<el-table-column prop="orgCode" label="单位" align="center">
   <template slot-scope="scope">
        <el-form-item
              :prop="'peopleTableData.' + scope.$index + '.orgCode'"
              :rules="ruleTableRules.orgCode"
         >
          <Treeselect
                append-to-body
                v-model="scope.row.orgCode"
                :value="scope.row.orgCode"
                :options="getunitoptions"
                :normalizer="normalizer"
                placeholder="请选择"
                noOptionsText="暂无数据"
                @select="TreeselectFn"
              ></Treeselect>
        </el-form-item>
  </template>
</el-table-column>

你可能感兴趣的:(前端开发,elementui,Treeselect,element-ui)