Shulou(Shulou.com)05/31 Report--

This article mainly explains the "vue-treeselect click can not appear drop-down menu how to solve", the article explains the content is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in-depth, together to study and learn "vue-treeselect click can not appear drop-down menu how to solve" it!

Vue-treeselect cannot click the cause of the problem

Style conflict (using elementui)

Scenario: in the el-form tag, if the tag is used and the parent tag is not, there will be an unclickable problem. (not nesting strictly according to elementui tags)

It can be clicked normally but not normally.

In other scenarios, it should also be a matter of style conflicts.

Some basic uses of vue-treeselect 1. First, you need to install

@ riophae/vue-treeselect ":" ^ 0.0.37

two。 Need to introduce to vue page using import Treeselect from "@ riophae/vue-treeselect"; import "@ riophae/vue-treeselect/dist/vue-treeselect.css"; components: {Loadding, Treeselect,}, 3. Need to write the unit management scope in the page: 4. Here are some examples for practical application.

First, you need to get the value of the parent node.

GetParentLocalityName () {this.getRequest (this.Jurisdiction, "s_kj/s_kj_02/s_kj_02_01/loadDiscritctTreeRootNode", "") .then (res= > {/ / this.Loadding = false; / / here first determine the state if (res.data.state==1) {let resData = res.data.data let objData = {} / / define an empty object objData.id = resData.localitycode ObjData.label = resData.localityname; objData.name = resData.localitydesc; objData.children = null; this.szxzList.push (objData) / / substitute the obtained data into console.log (this.szxzList)} else {this.Loadings = false; this.$Message.error (res.data.msg) Catch (error= > {this.Loadings = false;}) 5. When you click to load the child data loadOptions ({action,parentNode,callback}) {/ / there are three parameters, the value obtained by action, the parentNode load suboption shows that callback accepts the function console.log (parentNode) let params= {parentLocCode: parentNode.id} this.getRequest (this.Jurisdiction, "s_kj/s_kj_02/s_kj_02_01/loadDiscrictTreeNode") that accepts the error parameter UrlPath (params) .then (res= > {if (res.data.state==1) {if (res.data.data.length > 0) {let resData = res.data.data let arr = [] / / defines an empty array resData.forEach (item= > {let objData= {} objData.id = item.localitycode) ObjData.label = item.localityname; objData.name = item.localitydesc; console.log (item.localitylevel) if (item.localitylevel

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.