やりたいこと(イメージ)
HTML
html
1<html :class="{'is-clipped': isActiveModalWindow}"> 2<!-- 後略 -->
Vue.js (vue-cli)
javascript
1computed: { 2 isActiveModalWindow() { 3 return this.$store.state.is_active_modal_window 4 } 5//後略
ある条件(is_active_modal_window)がtrueの場合に、
HTMLタグにclassを動的に付与したいです。
しかしvue-cliから生成したプロジェクトにおいてhtmlファイル(<html>タグ)はsrc下に無いため、
手法に悩んでいます。
背景
jsはVue.js、cssはBULMAを使っています。
BULMAで用意されているモーダルウインドウを表示する際、
背景を固定する為にHTMLタグに「is-clipped」クラスを付与する必要があります。
computedをwatchして、中でgetElement~でやれば出来る気もするのですが、
これを出来ればVueで実現したいと考えています。
よろしくお願いいたします。
![guest](/img/icon/icnUserSample.jpg)
あなたの回答
tips
プレビュー