TreeViewNode.html 807 B

123456789101112
  1. <ul :id="node.id" class="node-li">
  2. <li>
  3. <span class="node-text mui-icon"
  4. v-bind:class="{'mui-icon-arrowright' : (isNodeOpen == false), 'mui-icon-arrowdown' : (isNodeOpen == true), 'mui-icon-arrowthinright' : (isNodeOpen == undefined)}"
  5. @click="nodeExpand(node)"
  6. v-tap="{methods:nodeExpandTap, node:node}">
  7. {{node.name}}
  8. </span>
  9. <span ref="nodeSelect" class="mui-icon mui-icon-checkmarkempty node-select1" :class="{'node-select2' : node.selected}" @click="nodeSelect(node)" v-tap="{methods:nodeTap, node:node}"></span>
  10. <tree-view-node v-if="node.open && node.childrenDatas != undefined && node.childrenDatas.length > 0" v-for="childrenNode in node.childrenDatas" :node="childrenNode" @node-expand="nodeExpand($event)" @node-select="nodeSelect($event)"></tree-view-node>
  11. </li>
  12. </ul>