エラー内容
ruby on rails の中でvue.jsを使っています。
しかし、コンポーネントファイルの中でデータバインディングはできるのに、なぜかCSSだけ当たってくれません。
いろいろ調べたのですが、原因が全くわからず困っています
誰か教えていただけると幸いです。
詳細なエラー内容は以下になります
ファイル
index.html.erbのファイルの中でvueを使っています
<div class="js-tasks-index"> <app-switch/> </div> <%= javascript_pack_tag 'tasks/index' %>
tasks/index.jsの中でコンポーネントapp-switchの登録をしています。
import Vue from 'vue/dist/vue.esm'; import Switch from '../components/Switch'; new Vue({ el: '.js-tasks-index', components: { 'app-switch': Switch } });
app-switchコンポーネントのファイルがこれです。
<template> <div class="switch-container"> <div class="undone">未処理</div> <div class="doing">作業中</div> <div class="done">{{state}}</div> </div> </template> <script> export default { data () { return { state: '完了' } } } </script> <style> div { background-color: blue; } </style>
データバインディングはできていて、{{state}}
の表示はうまくいっているのですが、<style></style>
の中のCSSが当たっていません。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/11/12 06:22