質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

Internet Explorer

Internet Explorer(IE;MSIE)はマイクロソフトが開発したウェブブラウザです。Microsoft Windowsに組み込まれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

Q&A

0回答

258閲覧

ie11での、sl-vue-tree + vue-cli3.1 @babel/polyfillのimport方法

退会済みユーザー

退会済みユーザー

総合スコア0

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

Internet Explorer

Internet Explorer(IE;MSIE)はマイクロソフトが開発したウェブブラウザです。Microsoft Windowsに組み込まれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

0グッド

1クリップ

投稿2018/11/02 03:00

編集2018/11/02 03:01

vue-cli 3.1を使っております。

こちらのモジュールをie11で使いたいです。
https://github.com/holiber/sl-vue-tree

babel-polyfilを使えばie11でも動作するという風にこちらに書いてあります。
しかしこのbabel-polyfilの使い方がいまいち分かりません。

"yarn add @babel/polyfill"をしてから

typescript

1//main.ts 2//ここに入れてみました 3import "@babel/polyfill" 4 5import Vue from 'vue'; 6import App from './App.vue'; 7import router from './router'; 8import store from './store'; 9 10Vue.config.productionTip = false; 11 12new Vue({ 13 router, 14 store, 15 render: (h) => h(App), 16}).$mount('#app');

typescript

1//App.vue 2//vue createコマンドで初期に作られるAbout.vueに書いております。 3 4<template> 5 <div class="about"> 6 <h1>This is an about page</h1> 7 <SlVueTree v-model="treeModel"> 8 9 </SlVueTree> 10 </div> 11</template> 12<script lang="ts"> 13import { Component, Vue } from "vue-property-decorator"; 14 15//sl-vue-tree 16import SlVueTree from "sl-vue-tree-original"; 17 18 19@Component({ 20 components: { 21 SlVueTree 22 } 23}) 24export default class About extends Vue { 25 26 public treeModel = [ 27 { 28 "title": "Item1", 29 "isLeaf": true 30 }, 31 { 32 "title": "Item2", 33 "isLeaf": true 34 }, 35 { 36 "title": "Folder1", 37 "isExpanded": true, 38 "children": [ 39 { 40 "title": "Item3", 41 "isLeaf": true 42 }, 43 { 44 "title": "Item4", 45 "isLeaf": true 46 }, 47 { 48 "title": "Folder2", 49 "children": [ 50 { 51 "title": "Item5", 52 "isLeaf": true 53 } 54 ] 55 } 56 ], 57 "isSelected": true 58 }, 59 { 60 "title": "Item6", 61 "isLeaf": true 62 } 63]; 64 65 } 66} 67</script>

ie11でうまく動きませんでした。
main.tsの頭でimportしてみたのですが
もしこのimportが正しいならば他の所に私のミスがあるのかもしれません。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

wilf

2019/05/05 19:32

> ie11でうまく動きませんでした。 こちらはどういったエラーもしくは表示崩れが起きているか記載をすると解決に近づくと思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問