2016-07-06 10 views
3

私はvue.jsを使用し、コンポーネント(menuitem)をカスタムコンポーネントとして認識します。コンポーネントがカスタムコンポーネントでないことを通知する方法(<menuitem>)

<menu type="context" id="viewerContextMenu"> 
    <menuitem id="firstId"></menuitem> 
    <menuitem id="secondId"></menuitem> 
    <menuitem id="thidId"></menuitem> 
</menu> 

だから、私は私のブラウザのコンソールに警告を持っている:

"Unknown custom element: <menuitem> - did you register the component correctly? For recursive components, make sure to provide the "name" option." 

事がある、menuitemは、カスタムコンポーネントではありません。参照:

  • いずれかのメニュー項目は、カスタムコンポーネント
  • ではないか、コードのこの部分をチェックしない:http://www.w3schools.com/tags/tag_menuitem.asp

    がどのように私はそのvue.jsを伝えることができます。

ありがとうございました。

+0

同様の質問への答えは、すべての警告を非表示にしない限り、あなたがやりたいことができないかもしれないことを示します。http://stackoverflow.com/questions/34810206/how-to-prevent-vue -to-interpreted-custom-tags – asemahle

+0

W3schoolsはひどい情報源です。間違った情報がたくさんあります。 – gurghet

+0

あなたが共有した同じリンクに、この要素が1つのブラウザでのみサポートされていることも指摘されています – Nora

答えて

1

それはメニュー項目それはすべてのブラウザでサポートされていないということだ事ブラウザ自身がそれを認識しないため、互換性を確認 https://developer.mozilla.org/es/docs/Web/HTML/Element/menuitem

Vue.jsは、カスタム要素としてそれを認識しています。

完全に必要でない場合は、要素をより安定したHTML項目に変更します:)。

喜んで役立ちます。

+0

あなたの答えをありがとう。確かに、 "menuitem"はfirefoxでサポートされていません。最後に、このコード部分をオフにして、独自のvue.jsコンポーネントを開発します。これはずっと簡単です... –

1

「無視された要素」はVue.config.ignoredElementsまで設定できます。

Vue.config.ignoredElements = [ 
    'menuitem' 
] 
関連する問題