Q&A
どこまでできて、どこが足りないのですか？ コードも示さずに全部教えてほしいっていう質問が冷たくあしらわれるのを幾度も見てきていますので、老婆心ながら心配しました。
vueで郵便番号を入力して、住所を出すものを作りたいのですが、どのように書いていけばいいかわかりません。どのくらいのファイルにどのように書いていけばいいか教えてください
コード
<template>
<div id="container" class="jsfiddle-container">
<form autocomplete="nope">
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="text" id="zip" autocomplete="nope">
<label class="mdl-textfield__label" for="zip" >郵便番号を入力</label>
</div>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="text" id="state" autocomplete="nope">
<label class="mdl-textfield__label" for="state">都道府県</label>
</div>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="text" id="city" autocomplete="nope">
<label class="mdl-textfield__label" for="city">市区町村</label>
</div>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="text" id="street" autocomplete="nope">
<label class="mdl-textfield__label" for="street">町域</label>
</div>
</form>
</div>
</template>
<script>
// APIキーを指定して住所補完サービスを作成
var api = new postcodejp.address.AutoComplementService(' ');
// 郵便番号テキストボックスを指定
api.setZipTextbox('zip')
// 住所補完フィールドを追加
api.add(new postcodejp.address.StateTextbox('state'));
api.add(new postcodejp.address.TownTextbox('city'));
api.add(new postcodejp.address.StreetTextbox('street'));
api.setAdditionalCallback(function(data) {
mdlCleanUp();
});
// 郵便番号テキストボックスの監視を開始
api.observe();
</script>
郵便番号のAPIのホームページに載っていた、Javascriptのものを、VUEのApp.vueというファイルに書いたのですが、これで完成に近づけているのか、全く違うのかもわかりません。いろんなサイトで似たようなものを調べたのですが、分かりませんでした。ご教授お願い致します。（APIキーを指定する所は個人情報みたいなので、伏せさせてもらいます。）
postcodeが定義されていません、とエラーに出ます。
postcodejp はこれでしょうか？ ライブラリが読み込まれてないのでは？
https://js-doc.postcode-jp.com/#javascript
このコメント欄にコードを直接書かずに、質問文中に反映してください。コードを文法に則って表示する機能を使えば見やすくなりますし。コード箇所を選択して、「<code>」ボタンをタップするだけです。
あなたの回答
tips
プレビュー
