Блог

Как разместить b-модальный, не заставляя его отображаться на странице в качестве других элементов. когда b-модальный размещен среди элементов страницы, он виден как другие обычные html-элементы.

*Я использую здесь Laravel blade

Вот b-модальный мой код

 <b-modal ref="mymodalref" hide-footer title="Project Status">
  <div class="d-block text-center">
    <form class="wt-formtheme wt-formfeedback" id="submit-review-form">
      <fieldset>
        <div class="form-group">
           <textarea class="form-control" placeholder="{{ trans('lang.add_your_feedback') }}" name="feedback"></textarea>
        </div>
        @if(!empty($review_options))
        @foreach ($review_options as $key => $option)
         <div class="form-group wt-ratingholder">
           <div class="wt-ratepoints">
            <vue-stars
             :name="'rating[{{$key}}][rate]'"
             :active-color="'#fecb02'"
             :inactive-color="'#999999'"
             :shadow-color="'#ffff00'"
             :hover-color="'#dddd00'"
             :max="5"
             :value="0"
             :readonly="false"
             :char="'★'"
             id="rating-{{$key}}"
            />
          <div class="counter wt-pointscounter"></div>
          </div>
          <input type="hidden" name="rating[{{$key}}][reason]" value="{{{$option->id}}}">
            <span class="wt-ratingdescription">{{{$option->title}}}</span>
          </div>
         @endforeach
        @endif
                                            
        <div class="form-group wt-btnarea">
         <a class="wt-btn" href="javascript:void(0);" v-on:click='submitFeedbackEmp({{$job->employer->id}}, {{$job->id}})'>{{ trans('lang.btn_send_feedback') }}</a>
        </div>
      </fieldset>
     </form>
    </div>
   </b-modal>
 

App.js код

 openRate: function() {
    this.$refs.mymodalref.show();
},
 

Кнопка

 <a href="javascript:void(0);" class="wt-btn" v-on:click.prevent='openRate()'>Review -</a>