Vue初心者です。
RailsにVueを導入してDBに保存した値をedit画面にて表示しようと試みています。
この時、コントローラーでセットした @ = Book.find(params[:id])をvue側に渡してフォームに表示させるにはどうしたらよいのでしょうか?
(Bookは id とname recruiting_periodを持っているとします。)
コントローラの@Bookの値をvue側に表示させる方法がわかりません。
様々なサイトを見たのですが、的確な情報を探し出すことができませんでした。
(APIを作成するしか方法は無いのでしょうか?)
下記のコード内の'123'の部分をコントローラーでセットしたbook.recruiting_periodのようにして表示したいです。
return {recruiting_period: '123'}
<template> <div id="recruiting_period"> <el-date-picker v-model="recruiting_period" format="yyyy-MM-dd hh:mm" type="datetime" name="book[recruiting_period]" placeholder="日時を選択してください"></el-date-picker> </div> </template> <script> import Vue from 'vue' import ElementUI from 'element-ui' import locale from 'element-ui/lib/locale/lang/ja' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI, {locale}) export default { name: 'recruiting_period', data () { return {recruiting_period: '123'} } } </script>
ご教授お願いします
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/02/26 04:14 編集
2018/02/26 04:18
2018/02/26 04:21
2018/02/26 04:27
2018/02/26 04:30 編集
2018/02/26 04:32
2018/02/26 04:35
2018/02/26 04:40
2018/02/26 04:42
2018/02/26 04:47 編集
2018/02/26 05:45
2018/02/26 05:48
2018/02/26 06:07
2018/02/26 06:12
2018/02/26 06:20