vue 移动端树结构功能_vue实现树形结构样式和功能的实例代码

一、主要运用element封装的控件并封装成组件运用，如图所示

代码如图所示：

下面是子组件的代码：

• { { !item.show ? '-' : '+' }}

  { { item.name }}

  v-show="!item.show"

  :model="item.children"

  :current="current"

  @change="changeCurrent">

export default {

name: 'EwTree',

props: {

model: {

type: Array,

default() {

return []

}

},

current: {

type: String,

default: ''

}

},

methods: {

toggle(item) { <