vuejsに クエリパラメータを取得する vuejs vuejs
vuejsに クエリパラメータを取得する
・id=1234 を取得する場合
・以下2か所対応
.1 /src/router.js
const routes = [
{
props: route => ({
id: route.query.id
})
}
]
・2 ./components/List1.vue
export defa
vuejsに routerをいれた router vuejs
vuejsに routerをいれた
作業は以下4つ
・1 # yarn add vue-router@4 でインストール
package.json
"vue-router": "4",
・2 ./src/router.jsの作成
import { createRouter, createWebHistory } from 'vue-router'
imp
vue-chartjsで横棒グラフにする vuejs
vue-chartjsで横棒グラフにする
optionにおいて
indexAxis: y
を指定するこれだけ。縦棒グラフにする場合、指定する必要なし or indexAxis: x で
縦棒グラフになる
vue-chartjsで lineチャートが表示できなくてはまる vuejs
vue-chartjsで lineチャートが表示できなくてはまる
解決策として、LineElementがなかったから。追加したらいけた
■エラーメッセージ
chart.mjs: Uncaught (in promise) Error: line is not a registered element.
■解決策
以下のよ
vuejs で chart上に数字を表示する（vue-chartjs） vuejs
vuejs で chart上に数字を表示する（vue-chartjs）
1. yarn add chartjs-plugin-datalabels
2. import ChartJsPluginDataLabels from chartjs-plugin-datalabels
3. ChartJS.register( ...略.
vuejsで文字列に自動で調整し改行をいれる vuejs
vuejsで文字列に自動で調整し改行をいれる
当初、v-cardの直下にそのまま文字を書いていたが自動改行されなかった。
結果としては v-card の中に文字を書いてその中の文字列を自動改行してほしかったのだか
v-card-textタグをかいてその中に文字を書くと自動改行された。
英数字も含めきちんと改行してほしいときは、
styl
highcharts-vue でのグラフ表示サンプル vuejs
highcharts-vue でのグラフ表示サンプル
環境 vue2
# yarn add highcharts-vue
# yarn add @types/highcharts
・hoge.vueファイル内
<template>
<div>
<h1
docker環境で vue2 axiosの非同期通信やって少しはまる vuejs
docker環境で vue2 axiosの非同期通信やって少しはまる
vue.config.jsとvueファイルの修正するだけで、通信するはずなのだが
vue画面で axios設定してもデータを取得せず、少しはまる。
とりあえず、原因究明として一般のインターネット上で公開されているapiでjsonファイルは読み込めるのかを確認。
するとこれはok
vuejsエラー ERROR in /usr/src/app/... error The template root requires exactly one element vue/no-multiple-template-root vuejs
vuejsエラー
ERROR in
/usr/src/app/...
7:3 error The template root requires exactly one element vue/no-multiple-template-root
テンプレートコンポーネントにはroot要素は、1つまでしか存在できないって。
<br
vue + vuetify 環境構築で、vue-routerをいれると画面が真っ白になった対応 vuejs
vue + vuetify 環境構築で、vue-routerをいれると画面が真っ白になった対応
vue + vuetify 環境を勉強中。で、構築しているとvue-routerをいれると
画面が真っ白になって、画面が表示されず次にすすめない。
yarn serve で起動はするのだが、ログには何もでてない。
いろいろ調べた結果、vue と vue