vuejs での環境設定ファイルの読み方 vuejs vuejs
vuejs での環境設定ファイルの読み方
・プロジェクトの最上位プロジェクトに以下を配置
.env
HOGEHOGE_URL=https://yahoo.co.jp
・vuejs内で以下を書けばok
console.log(`${import.meta.env.HOGEHOGE_URL}`)
vuejs component 再表示 selectboxで選択項目を変更するたびに、コンポーネントを再取得したい vuejs vuejs
vuejs component 再表示
・やりたいこと：selectboxで選択項目を変更するたびに、コンポーネントを再取得したい
・解決策：:key を使用して、呼び出すごとに key項目を変化させることで対応可能
------------------------------
・template側（selectbox）
<v-select @update:modelValue="c
vuejs 入力フォームで 入力項目に値が入力された時のみ、ボタンを非活性にする。 vuejs vuejs
vuejs 入力フォームで 値がまだ入っていないときは、送信ボタンを押せないようにしたかったので。
その内容が以下。
:disabled="" の内容が true だと、非表示（ボタン押せない、非活性化）になる
---------------------------------------------------------
<v-text-field v-model="name1">
vuejs において一部機能を外部ファイルとして切り出して、共通化したい場合にしたもの vuejs vuejs
vuejs において一部機能を外部ファイルとして切り出して、共通化したい場合にしたもの
■呼ばれる側（共通ライブラリ）
-----------------------------------
・hoge.ts ファイル内
export function h_value1() {
return "hoge1";
}
export const h_value2 = "hoge
vuedatapickerで、範囲選択（開始時間-終了時間）かつ、日本の日付書式format vuejs vuejs
vuedatapickerで、範囲選択（開始時間-終了時間）かつ、日本の日付書式format
<template>
<VueDatePicker
v-model="date"
placeholder="ここをクリックして日時を入力"
v-bind:format="format"
locale="jp"
cancel-text="キャンセル"
se
vuejs vuetify で loading 中に画像を表示し、データ取得後は表示しないよう<Suspense>を使用したけど、ちょっととまどった件 vuetify vuejs
vuejs vuetify で loading 中に画像を表示し、データ取得後は表示しないよう<Suspense>を使用したけど、ちょっととまどった件
原因は 1つのタグに括られてる必要があったらしい。
★原因
・ng
<template #fallback>
loading ... ★どちらか１つにすべきだった
<v-progress-cir
vue3 vuetify において、apexcharts を表示したいのだが、以下のエラーが発生に対応した apexcharts vuejs
vue3 vuetify において、apexcharts を表示したいのだが、以下のエラーが発生に対応した
---------------------------------
★エラー
runtime-core.esm-bundler.js:41 [Vue warn]: Failed to resolve component: apexchart
If this is a native
vue3 vuetify v-data-table vdatatable 使用するまでの設定 vdatatable vuejs
vue3 vuetify v-data-table vdatatable 使用するまでの設定
■1 vi ./src/plugins/vuetify.ts を編集
■2 以下 2行を追加
------------------------------------
/**
* plugins/vuetify.ts
*
* Framework documentation: h
vuejs3 apexcharts で以下のエラー apexcharts vuejs
vuejs3 apexcharts で以下のエラー
apiをつかって、json取得しその結果を
template 内の
<apexchart width="500" type="bar" :options="chartOptions" :series="series1"></apexchart>
に表示したところ以下のエラー
----------------------
vuejs で router.js を設定したが クリックしてもページが遷移しないトラブル発生 router vuejs
vuejs で router.js を設定したが
クリックしてもページが遷移しないトラブル発生
urlのパスが異なると、ページ遷移するんだけど同じだと遷移しない。
直接urlを入力すると、表示されるんだけどね
結果としては以下を、hoge.vueに設定すると遷移するようになった
export default {
watch: {
$route () {
loc