問題タブ [vue-i18n]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vue.js - Vue-i18n 'Proxy.Vue.$t で未定義のプロパティ '_t' を読み取れません'
アプリに vue-i18n を組み込む際に問題が発生しました。このページをインスピレーションとして使用しました。
エラーが表示されます: Cannot read property '_t' of undefined at Proxy.Vue.$t
Chrome devtools でエラーを追跡すると、vue-i18n.esm.js の 149 行目 (return ステートメント) に移動します。
vue-cli-3 webpack config を使用し、npm から vue-i18n をインストールし、プラグインとして使用しています。
i18n.js (src/plugins ディレクトリ内):
main.js:
package.json からの依存関係:
私は何をする必要がありますか?
vue.js - vue data() で vue-i18n が使いにくい理由 (リアクティブでない理由)
vue プロジェクトでvue-i18nを使用しています。そして、i18nを使用して vue でデータを使用すると、非常に混乱することがわかりました。data
次に変更するlocale
と、そのデータは反応しなくなります。data
私は別のものからそれを返そうとしましたcomputed data
が、とにかくi18nはで書かれているので反応data
しません。*私の状況 - *その上にドロップダウン(チェックボックス付きの列のリスト) があるテーブルを表示したい。ユーザーが列をチェックすると、チェックを外すとテーブルに表示されます。変更するまでは正常に動作しています。変更後はありませんlocale
locale
table columns
翻訳されましたdropdown items
が、反応的に翻訳され、コードが機能しなくなりました。よりよく説明するためのコードを次に示します。私のmyTable.vue
コンポーネントでは、bootstrap-vue テーブルtemplate
を使用します-
myTable.vueで
script
myTable.vueで
誰かがこの状況についてアドバイスをくれますか?
*いくつかのデバッグ後に編集:メソッド内でcolumns
(でcomputed
)フィルタリングして返すと、実際にはnotで(オブジェクトの)配列が返されると思います。そのため、フィルタリングした後、新しい配列はvue-i18nとは何の関係もありません。私の最後のチャンスは、ロケールが変更されたときにページをリロードすることです。fieldsForTable
filterColumns(columns)
label='Label Name'
label=this.$t('labelName')