Hello, I am a Japanese individual and my proficiency in English is lacking, so please bear with me. Currently, I am using vue-cli3.1 and I am looking to incorporate the sl-vue-tree module into my project for compatibility with ie11. The documentation mentions that it can be used on ie11 with babel-polyfill, but unfortunately, I seem to be unable to implement babel-polyfill correctly.
I followed the steps of adding "@babel/polyfill" through yarn and importing it at the top of the main.ts file. However, despite these efforts, the module does not seem to work as expected.
import "@babel/polyfill"
import Vue from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';
Vue.config.productionTip = false;
new Vue({
router,
store,
render: (h) => h(App),
}).$mount('#app');
<template>
<div class="about">
<h1>This is an about page</h1>
<SlVueTree v-model="treeModel">
</SlVueTree>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
//sl-vue-tree
import SlVueTree from "sl-vue-tree-original";
@Component({
components: {
SlVueTree
}
})
export default class About extends Vue {
public treeModel = [
{
"title": "Item1",
"isLeaf": true
},
{
"title": "Item2",
"isLeaf": true
},
{
"title": "Folder1",
"isExpanded": true,
"children": [
{
"title": "Item3",
"isLeaf": true
},
{
"title": "Item4",
"isLeaf": true
},
{
"title": "Folder2",
"children": [
{
"title": "Item5",
"isLeaf": true
}
]
}
],
"isSelected": true
},
{
"title": "Item6",
"isLeaf": true
}
];
}
}
</script>