Ruoyi框架中使用lib-flexible排除treeselect组件适配

在Ruoyi框架中使用lib-flexible时，可以通过以下方式排除treeselect组件的影响：

1. 在index.html中引入flexible.js

<script src='/static/lib-flexible/flexible.js'></script>

2. 在main.js中排除treeselect组件的flexible适配

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false

// 排除treeselect组件的flexible适配
Vue.directive('noremap', {
  bind: function (el, binding) {
    var className = 'flexible-ignore-' + binding.arg
    el.classList.add(className)
  }
})

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

3. 在treeselect组件中使用v-noremap指令

<treeselect v-model='value' :options='options' v-noremap:treeselect></treeselect>

这样，treeselect组件就不会受到lib-flexible的影响了。