【el-form+vue-treeselect】vue表单验证树形结构+填写时返回unknown

栀妹儿

已于 2022-06-06 16:29:08 修改

阅读量2.8k

点赞数 4

文章标签： vue.js 前端 elementui

于 2022-03-23 11:22:23 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_38990605/article/details/123680707

版权

本文探讨了在Vue项目中使用element-ui的el-form结合vue-treeselect进行表单验证时遇到的问题。当尝试使用常规表单验证规则时，发现无法生效。文中提到@input和@close事件绑定无效，并指出应使用@select事件。同时，文章提到了在重新打开表单时，选择区域显示‘unknown’的错误，并给出了解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用vue-treeselect

1、安装依赖

npm install --save @riophae/vue-treeselect

2、页面使用

<template>
  <div>
    <treeselect v-model="value" :options="options" placeholder="请选择"/>
  </div>
</template>


import TreeselectView from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
export default {
   
  components: {
    Treeselect },
}