vueプロジェクトF 5の更新mountedの関数は実行されません。
プロジェクトの背景
メインファイルindex.vueでページ関連の操作を初期化します。
mountedにユーザー権限判断を置いて、storeの権限値を更新します。対応するコンポーネントをクリックすると、mountedは正常に動作します。
しかし、ユーザーが手動で更新した場合には、mounted内の関数が実行されず、対応するコンポーネントが権限を得られずに異常を表示します。
問題が解決する
まず、これはvueライフサイクルと関係があります。図は貼りません。直接に原因を言います。
ユーザf 5がページを更新すると、ページ全体が要求され、jsの状態変数は消えますが、elノードは再確立されていません。
mountedは新しく作成されたvm.$lに置き換えられ、例に上がった後に呼び出すフックです。ここでelは再マウントされていませんので、フック関数は呼び出されません。
ここでは、ユーザ権限の判断方法を、実際の状況に応じてbefore Mountまたはcreatedに書くことができます。
一般的なフックトリガイベント
before Create
インスタンス初期化後、データ観測およびイベント設定の前に呼び出しられる。データもインスタンスもアクセスできません。
created
インスタンスは作成された後に呼び出しられます。このステップでは、インスタンスは、データ観測、属性および方法の演算、watch/eventイベントのフィードバックを行うように構成されています。しかし、マウント段階はまだ始まっていません。
データはアクセスできます。インスタンスはアクセスできません。
before Mount
マウントが開始される前に呼び出しられます。関連するレンダー関数は初めて呼び出されます。
DOMマウント前に、データはアクセスできます。インスタンスは仮想DOMノードです。アクセスできません。データはまだDOMに挿入されていません。
mounted
elは新しく作成されたvm.elに置き換えられ、インスタンスにアップロードした後、フックを呼び出します。この場合は、交換して、インスタンスにアップロードした後、フックを呼び出します。この場合は、交換して、インスタンスにアップロードした後、フックを呼び出します。この時elは真実なDOM元素です。
beforeUpdate
データ更新時に呼び出しが行われ、仮想DOMで再レンダリングやパッチを行う前に発生します。このフックでさらに状態を変更できます。これは追加の再レンダリングプロセスをトリガしません。
udated
データ更新後。
データの変更による仮想DOMの再レンダリングとパッチの適用は、その後、このフックを呼び出すことになります。
このフックが呼出されると、コンポーネントDOMはすでに更新されていますので、DOMに依存した操作を実行してもいいです。しかし、ほとんどの場合は、この期間中に状態の変更を避けるべきであり、これは無限ループの更新につながる可能性があります。
このフックはサーバー側でレンダリング中に呼び出されません。
before Destroy
インスタンスが破壊される前に呼び出します。この場合のインスタンスはまだ使用できます。
destroyed
Vueインスタンスが破壊されたら呼び出します。この時、Vueのインスタンスが示すすべてのものはバインディングされ、すべてのイベントモニターは削除され、すべてのサブインスタンスも破壊されます。このフックはサーバー側でレンダリング中に呼び出されません。
以上のこのvueプロジェクトF 5はmountedの関数を更新します。実行しない問題は小編が皆さんに共有した内容です。参考にしてほしいです。どうぞよろしくお願いします。
メインファイルindex.vueでページ関連の操作を初期化します。
mountedにユーザー権限判断を置いて、storeの権限値を更新します。対応するコンポーネントをクリックすると、mountedは正常に動作します。
しかし、ユーザーが手動で更新した場合には、mounted内の関数が実行されず、対応するコンポーネントが権限を得られずに異常を表示します。
問題が解決する
まず、これはvueライフサイクルと関係があります。図は貼りません。直接に原因を言います。
ユーザf 5がページを更新すると、ページ全体が要求され、jsの状態変数は消えますが、elノードは再確立されていません。
mountedは新しく作成されたvm.$lに置き換えられ、例に上がった後に呼び出すフックです。ここでelは再マウントされていませんので、フック関数は呼び出されません。
ここでは、ユーザ権限の判断方法を、実際の状況に応じてbefore Mountまたはcreatedに書くことができます。
一般的なフックトリガイベント
before Create
インスタンス初期化後、データ観測およびイベント設定の前に呼び出しられる。データもインスタンスもアクセスできません。
created
インスタンスは作成された後に呼び出しられます。このステップでは、インスタンスは、データ観測、属性および方法の演算、watch/eventイベントのフィードバックを行うように構成されています。しかし、マウント段階はまだ始まっていません。
データはアクセスできます。インスタンスはアクセスできません。
before Mount
マウントが開始される前に呼び出しられます。関連するレンダー関数は初めて呼び出されます。
DOMマウント前に、データはアクセスできます。インスタンスは仮想DOMノードです。アクセスできません。データはまだDOMに挿入されていません。
mounted
elは新しく作成されたvm.elに置き換えられ、インスタンスにアップロードした後、フックを呼び出します。この場合は、交換して、インスタンスにアップロードした後、フックを呼び出します。この場合は、交換して、インスタンスにアップロードした後、フックを呼び出します。この時elは真実なDOM元素です。
beforeUpdate
データ更新時に呼び出しが行われ、仮想DOMで再レンダリングやパッチを行う前に発生します。このフックでさらに状態を変更できます。これは追加の再レンダリングプロセスをトリガしません。
udated
データ更新後。
データの変更による仮想DOMの再レンダリングとパッチの適用は、その後、このフックを呼び出すことになります。
このフックが呼出されると、コンポーネントDOMはすでに更新されていますので、DOMに依存した操作を実行してもいいです。しかし、ほとんどの場合は、この期間中に状態の変更を避けるべきであり、これは無限ループの更新につながる可能性があります。
このフックはサーバー側でレンダリング中に呼び出されません。
before Destroy
インスタンスが破壊される前に呼び出します。この場合のインスタンスはまだ使用できます。
destroyed
Vueインスタンスが破壊されたら呼び出します。この時、Vueのインスタンスが示すすべてのものはバインディングされ、すべてのイベントモニターは削除され、すべてのサブインスタンスも破壊されます。このフックはサーバー側でレンダリング中に呼び出されません。
以上のこのvueプロジェクトF 5はmountedの関数を更新します。実行しない問題は小編が皆さんに共有した内容です。参考にしてほしいです。どうぞよろしくお願いします。