2017-03-07 10 views
0

私はブートストラップモーダルを表示するVue子コンポーネントを持っており、フィールドの1つがドロップダウン選択である必要があります。どんな理由であれ、ドロップダウンボタンは有効にならないので、ドロップダウン項目は表示されません。 'aria-expand'はクリックされたときにfalseのままです。私の問題は、コードがコンポーネントの外部ではっきりと動作することです。そのため、何がうまくいかないのか分かりません。ここでは私が行っていることの作業JSfiddleです。Vue2コンポーネントがブートストラップドロップダウンを表示しない

私はVueのコンポーネントのために使用しているコードは、コンポーネントがボタンが押されたモーダル示す、doesntの唯一のドロップダウンで、正常に動作します

`<template> 
    <div> 
     // insert jsfiddle code here 
    </div> 
</template> 
<script> 
    export default{} 
</script>` 

を除いてまったく同じです作業。そのような場合には、私はsingle file vue componentsとlaravelを使用しています。

+0

実際に私はあなたのコードを試して、それは素晴らしい作品! –

+0

あなたはどこかのテンプレートのリテラル文字列にすべてのコードを持っていますか? – Bert

+0

@AmrAlyは彼の質問のコードでは、テンプレートのリテラル文字列です。 – Bert

答えて

0

これについて数時間後、私は問題が私の輸入品であることに気付きました。私はapp.jsファイルにブートストラップをインポートしていただけでなく、問題の原因となっていたlayout.phpにもインポートしていました。一度だけインポートしていることを確認してください。

関連する問題