Nuxt.jsでvue環境を構築しています。
inputフィールドに値を入れてボタンを押した時に、jsonデータにしてファイルに書き出したいのですが、
「fs.writeFileSync is not a function」というエラーが出て、書き出しがなされません。
javascript
1# pages/index.vue 2<template> 3 <div class="container"> 4 <form action="/thanks" method="post"> 5 <section> 6 <h2> (1)あなたのお名前を入力してください。</h2> 7 <input v-model="yourName" type="text"> 8 </section> 9 <section> 10 <h2>(2)メッセージを入力してください。</h2> 11 <textarea v-model="yourMessage" /> 12 </section> 13 14 <input type="submit" value="送信" @click="exportMessage"> 15 </form> 16 </div> 17</template> 18 19<script> 20export default { 21 data () { 22 return { 23 yourName: '', 24 yourMessage: '' 25 } 26 }, 27 methods: { 28 exportMessage () { 29 const fs = require('fs') 30 const data = { 31 yourName: this.yourName, 32 yourMessage: this.yourMessage 33 } 34 fs.writeFileSync('test.json', JSON.stringify(data)) 35 } 36 } 37} 38</script>
コードは現在上記のような状態です。
「 fs.writeFileSync」を使う時はmethod
に書くべきではないということなのですが、どのようにすれば良いのかわからず、ご教示いただければと思います。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/12/02 06:50