値を取得している箇所のコードを見つけたい

Question

前提・実現したいこと

こちらサイトの自動買取査定フォームの、「重さ(g)」が入力した場合、その値をJSファイルの方で取得していると思うのですが、そこの部分を特定したいです

試したこと

デベロッパーツールにて、webpack:// > src > main.js内に該当サイトのJSファイルを見つけたのですが、こちらには、重さ(g)を計算している箇所は見つけれられたのですが、値を取得している箇所は見当たりませんでした。
重さを計算している箇所は以下の部分になるかと思われます。

maxPriceCalculate:function(){
            if(this.preciousMetal == "gold") {
                this.priceTotal = (this.goldMaxPrice * this.weight).toLocaleString();
            }
            else if(this.preciousMetal == "silver") {
                this.priceTotal = (this.silverMaxPrice * this.weight).toLocaleString();
            }
            else if(this.preciousMetal == "platina") {
                this.priceTotal = (this.platinaMaxPrice * this.weight).toLocaleString();
            }
            else if(this.preciousMetal == "none") {
                this.priceTotal = "";
            } else {
                this.priceTotal = "";
            }
        }

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

ブラウザ: google chrome
OS: Mac OS

※該当ファイルの「main.js」は文字数制限がかかってしまい全文載せれませんでした為、お手数をおかけし申し訳ないのですが、該当ページにてご確認の程、頂けましたら幸いです。

Answer 1

↑こ↓こ。「vue.js」をタグにつけられるならもう少し調べたほうがいいです。
vue.jsはinputのタグにv-model.number="weight"とかけば、vueインスタンスの
dataのweight（this.weight）に勝手に入れてくれます。vueってそういうもんです。

<div class="PurchaseMetal__weight">
  <span>重さ(g)</span><br>
  <input type="number" v-model.number="weight" placeholder="入力してください">
</div>

Comments

[k-g-11]

ご回答ありがとうございます。
デベロッパーツールにて、確認していたのですが、「v-model.number="weight"」ここの部分は表示されていなかったのですが、今、ソースの表示から確認しましたら、確かに記載されていました。
Vueのディレクティブは、デベロッパーツールからは確認できない形となっていたのですね

[sousuke]

v-ifはDOMに反映されませんし、v-forとかの配列をDOMに出したりもできますからね。
v-bindとかhtml上ではそういうのはもちろん見えません。最終結果だけhtmlに見えてます。

[k-g-11]

ご返信ありがとうございます。
勉強になりました。