質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Q&A

解決済

1回答

1184閲覧

vue-cli(bootstrap4 vue)にてプロパティに数字を入力したい

kbn1053

総合スコア17

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

0グッド

0クリップ

投稿2018/04/21 16:38

前提・実現したいこと

こんにちは。
vue-cliにてbootstrap4を利用しております。
(bootstrap-vue/webpackのtemplateを利用)

formのinputにて数字の入力欄についてstepとminを設定したのですが、デバッグ実行時に警告(warn)が出てしまします。
警告内容は「文字列ではなく数字を入力しろ」とのことですが、数字を直で指定する記述にしています。しかし、警告が消えません。
bootstrapの記法で数字を直接表現するエスケープ記法などがあるのでしょうか?
何かご存知の方、ご教示いただけますと幸いです。

発生している問題・エラーメッセージ

[Vue warn]: Invalid prop: type check failed for prop "step". Expected Number, got String.

該当のソースコード

以下のstep,minの指定が「文字列」として警告が出ています。

vue.js

1 <b-form-input v-model.number="delay" 2 @change="handleSendMessage" 3 size="sm" 4 type="number" 5 step=1000 6 min=0 7 required 8 placeholder="例) 3000"> 9 </b-form-input>

試したこと

・step=1000 でNG(警告表示)
・step="1000" でNG(警告表示)
・step='1000' でNG(警告表示)

プロパティに「数字」として指定する表記方法がある?

補足情報(FW/ツールのバージョンなど)

警告出てますが、stepとminは設定どおりには動いています。
警告を放置して変な副作用が出ないか非常に不安です。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

buildしたソースですと以下の表現の場合、エラーが再現しませんでした。closeします。
step=1000
min=0

投稿2018/04/21 16:45

kbn1053

総合スコア17

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問