vuetify3.4にバージョンアップ、v-data-tableでのslotを使用した置換 v-data-table v-data-table
vuetify3.4にバージョンアップ、v-data-tableでのslotを使用した置換
若干変わってる。
以下で、対応できた。
旧バージョンでは
line.item.columns.カラム名
のように書いてて、今回は.columnsを書かなくてよくなったね。
■概要
<v-data-table :headers="headersr" :items="datalist" >
vuejs での環境設定ファイルの読み方 vuejs vuejs
vuejs での環境設定ファイルの読み方
・プロジェクトの最上位プロジェクトに以下を配置
.env
HOGEHOGE_URL=https://yahoo.co.jp
・vuejs内で以下を書けばok
console.log(`${import.meta.env.HOGEHOGE_URL}`)
postgres において検索結果を json形式で取得しつつ 指定列のみ取得し指定キーでソートする sqlの書き方（json_build_objectを使う） json_build_object postgres
postgres において、検索結果を
・json形式で取得しつつ
・指定列のみ取得し（link_idとwidthとdisplay_order列だけ取得）
・指定キーでソート（display_order）
する sqlの書き方
a_db=# SELECT json_build_object('link_id',link_id,'width',width,'display_order
vuejs3 において、selectbox に変更がある場合に、処理（関数）を実行する。@update:modelValueを使ったよ @update:modelValue vuejs3-selectbox
vuejs3 において、selectbox に変更がある場合に、処理（関数）を実行する
@update:modelValue="関数" を使う
例
<v-select v-model="condition" :items="att" @update:modelValue="logHoge" ></v-select>
selectboxを変更するたびに、logHoge()を実行する
vuejs component 再表示 selectboxで選択項目を変更するたびに、コンポーネントを再取得したい vuejs vuejs
vuejs component 再表示
・やりたいこと：selectboxで選択項目を変更するたびに、コンポーネントを再取得したい
・解決策：:key を使用して、呼び出すごとに key項目を変化させることで対応可能
------------------------------
・template側（selectbox）
<v-select @update:modelValue="c
javascript における localstorage例 javascript javascript
//-----------------------------------
// localStorage 文字列保存と取得
//-----------------------------------
// localStorageへデータを保存する
localStorage.setItem('key1', 'datahoge1');
// localStorageからデータを取
vuejs vuetify において、v-alertをもちいた、メッセージbox表示サンプル vuetify vuetify
vuejs vuetify において、v-alertをもちいた、メッセージbox表示サンプル
<v-alert type="success" icon="$success" :text="message"></v-alert>
<v-alert type="info" icon="$info" :text="message"></v-alert>
<v-alert type="warni
vuejs 入力フォームで 入力項目に値が入力された時のみ、ボタンを非活性にする。 vuejs vuejs
vuejs 入力フォームで 値がまだ入っていないときは、送信ボタンを押せないようにしたかったので。
その内容が以下。
:disabled="" の内容が true だと、非表示（ボタン押せない、非活性化）になる
---------------------------------------------------------
<v-text-field v-model="name1">
bashスクリプトにおいて、指定引数以降をすべて取得する bash bash
bashスクリプトにおいて、指定引数以降をすべて取得する
第3引数以上の引数すべてを取得（空白を含む場合があることを想定）
OK STRING=${@:3}
NG STRING=(${@:3}) → () でくくると指定箇所のみしか取得できないためNG
newrelic nrql において、sqlでいう case when を使わずに似たようなことをする。 newrelic newrelic
newrelic nrql において、sqlでいう case when を使わずに似たようなことをする。
各件数と全体件数と割合を知りたい場合など。
■sqlのイメージ
select
SUM(CASE WHEN Event='create' THEN 1 END)
,SUM(CASE WHEN Event='activate' THEN 1 END)