sl-vue-tree + vue-cli3.1 на ie11 - PullRequest
Новая
       71

sl-vue-tree + vue-cli3.1 на ie11

0 голосов
/ 01 ноября 2018

Я японец, и я не очень хорош в английском извините.

Я использую vue-cli3.1.

Я хочу использовать этот модуль на ie11. https://github.com/holiber/sl-vue-tree

Там написано, что вы можете использовать на ie11 с babel-polyfil.

Но я не могу правильно использовать babel-polyfil.

Я сделал «добавление пряжи @ babel / polyfill».

И наверху main.ts я его импортировал.

Но это не сработало. 

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>

1 Ответ

0 голосов
/ 05 июля 2019

Вот как я это решил. Я использую Vue cli 3.6 и sl-vue-tree 1.8.4

Добавить transpileDependencies к vue.config.js 

module.exports = {
 transpileDependencies: ['sl-vue-tree'],
 ...
}

My babel.config.js 

module.exports = {
 presets: [
  ["@vue/app", {
    modules: "commonjs"
  }]
 ]
};

В моем компоненте vue я просто импортирую sl-vue-tree следующим образом: 

import slVueTree from "sl-vue-tree";
...