今日、仕事で問題が発生しました：
需要の背景：複数のページタブ、表示および非表示にするには、ユーザー権限に応じてタブのラベルを制御する必要があります。
<タブクリック= "handleClick" V-モデル= "activeTabName" REF = "タブ" @エル・タブ>
<EL-タブペインラベル= "用户管理"の名前は= "最初の" REF = "最初"> .. 。</エル・タブ・ペイン>
<EL-タブペインラベル= "配置管理"名前= "秒" REF = "秒"> ... </ EL-タブペイン>
<EL-タブペインラベル= "角色管理"名前= "三" REF = "三"> ... </ EL-タブペイン>
<EL-タブペインラベル= "定时任务补偿"名前= "第四" REF = "第四" > ... </ EL-タブペイン>
</ EL-タブ>
解決策1：VUEのフレームワークとフロントエンドので、需要を参照してください、最初に考え、解決するために、V-ショーを使用することであるが、実際の運用では、V-ショーは望ましい結果を達成できませんでした。
V-ショー：スルー表示：内部タグの内容なし/ブロック/表示<EL-タブペイン>を非表示にするには、それ自体によって、タブのラベルを非表示にしていません。
そして、そうすることの欠点がある：次の図は、私は「ユーザー管理は、」V-ショーを追加しています= falseの場合、「ユーザー管理」タブのラベルの下で、この時間は表示されません、
私は、「構成管理」タブをクリックし、隠されたV-ショーで明らかに私を、「ユーザー管理」タブをクリックし、「ユーザー管理」タブが表示されますの下に？何が起こるかと思いますが、ときに。
その理由は単純で、スイッチタブ実際ElementUIコントロールディスプレイ：なし/ブロックを達成するために、あなたが戻って「ユーザー管理」タブに「構成管理」タブから切り替えると、
スタイル属性「ユーザー管理」タブが表示に更新されます：ブロックを。非常に非友好的なEchartsチャートと組み合わせて使用してください。
<タブクリック= "handleClick" V-モデル= "activeTabName" REF = "タブ" @エル・タブ>
<EL-タブペインV-ショー= "false"をラベル= "用户管理"名前= "最初の" REF = "最初"> ... </ EL-タブペイン>
<EL-タブペインラベル= "配置管理"名前= "秒" REF = "秒"> ... </ EL-タブペイン>
<EL-タブペインラベル= "角色管理"名前= "三" REF = "三"> ... </ EL-タブペイン>
<EL-タブペインラベル= "定时任务补偿"名前=」第四の」参照= "第四"> ... </ EL-タブペイン>
</ EL-タブ>
対処方法2：、所望の効果に到達するために、この時間を表示し、隠しタブを制御するために、V-かのタグを使用した後。
私は、コードを提出したいちょうどその時、コンソール冷酷は私に平手打ちを与え、どのように不安なあなたにメッセージを送信するために彼の高齢の母親を見て、コンソールを開くには男の事ああ、F12キーを押します：
「タブ-XXX」：キー検出を複製します。これは、更新エラーが発生することがあります。
このフレーズは、おそらく意味あなたを伝えることです：あなたが非行う場合は、このラベル上の任意のアクションは、あなたがないことを、キーリピートのname属性値に<EL-タブペイン> XXXあります内部に更新されます。
xxxは<EL-タブペイン>で表される値は、name属性です。例えば、<EL-タブペイン名=「最初」>
問題を再現する手順：
店内に始まる、配列を定義しますが、単にページを入力する場合つまり、次の4個のタグが表示され、該当します
this.test = [TRUE TRUE、真、真]。
VUEでのその後のユーザー名を取得し、ログインユーザーの権限は、関数、配列への再割り当てをマウント
そのようなユーザー管理にアクセスするためのユーザーの許可など郭ジンのヒーローはその後、テスト= [TRUE、FALSE、偽、偽]ラベルのみです。
次に、ページがエラーになりますリフレッシュO、問題が解決されますが、私は知っている正確な原因は、非常に明確ではありません、少し友人がメッセージを残して知っている、右（^▽^）O
<タブクリック= "handleClick" V-モデル= "activeTabName" REF = "タブ" @エル・タブ>
<EL-タブペインV- 場合 = "テスト[0]"ラベル= "用户管理"名前=」最初の"REF = "最初"> ... </ EL-タブペイン>
<EL-タブペインV- 場合 = "テスト[1]"ラベル= "配置管理"名前= "秒" REF ="秒"> ... </ EL-タブペイン>
<EL-タブペインV- 場合 ="テスト[2]」ラベル= "角色管理"名前= "三" REF = "三"> ... < / EL-タブペイン>
<EL-タブペインV- 場合 = "テスト[3]"ラベル= "定时任务补偿"名前= "第四" REF = "第四"> ... </ EL-タブペイン>
</ EL-タブ>
各タブには、手動でタグ付けするためのキー値を追加します。オプションIIは、第三の溶液の顔を打ちます
<EL-タブ@タブクリック= "handleClick" V-モデル= "activeTabName" REF = "タブ">
<EL-タブペイン：キー= "0"ラベル= "用户管理"名前= "最初の" REF = "最初"> ... </ EL-タブペイン>
<EL-タブペイン：キー= "1"ラベル= "配置管理"名前= "秒" REF = "秒"> </ EL-タブ-ペイン>
<EL-タブペイン：キー= "2"ラベル= "角色管理"名前= "三" REF = "三"> </ EL-タブ・ペイン>
<EL-タブペイン：キー= "3 "ラベル="定时任务补偿」名前= "第四" REF = "第四"> </ EL-タブ・ペイン>
</ EL-タブ>
要約：
1.プログラムエラーした場合に検出重複キー：..「タブ -xxx」これは、更新エラーが発生することがあり8は、キーリピートの場合は、最初の質問では、キーのV-ための循環をチェック
2.コントロールタグ<EL-タブペイン>表示でできるだけ多くV-ショーを使用しないでください、とEchartsチャートで使用する場合には、ピットは自然にカザフスタンを理解していれば、私は、言っていない理由として、非常に非友好的があるでしょう。
3. <EL-タブペイン>使用してV-場合はキーの重複は、このタブでは、この問題が解決されていない場合は、同じ、更新することができない原因となることができ、発生する可能性が解決され、この問題は、更新することができた後Echartsチャートが更新されません内のコンテンツ。
私は個人的に再現した場合、記事の冒頭で、元記事へのリンクを添付してください、私は誰かがより良い方法を考え出すことを願って、このソリューションは非常に良いではないと思われる、不十分くださいポインティング。