标签: switchery

如何在Bootstrap模式下使用Vue.js渲染插件jQuery(作为工具提示和Switchery)?

你好吗?我希望好!

所以我在ThemeForest上有一个模板(纯HTML + CSS + jQuery),我在Vue.js + Laravel中开发app.

当我必须在Bootstrap模式中使2个插件工作(一个是Bootstrap Tooltip和其他Switchery)时,我遇到了一个问题.

我想保持原样,因为我不喜欢更改模板=)

当我把它放在View组件中时,它根本不起作用!有我的代码,如果有人可以提供帮助!

OBS:我使上面的代码比真正的代码更清洁,我正在使用VUEIFY,我认为这不是问题!

按钮触发了模式

<a href="#" data-toggle="modal" data-target="#sources-modal">My Modal</a>
Run Code Online (Sandbox Code Playgroud)

我的模态代码

<template>

  <!-- Source -->
  <div id="sources-modal" class="modal fade" style="display: none;">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Sources</h4>
        </div>
        <div class="modal-body">
          <div class="row p-10">
            <div class="col-md-6 m_md_bottom_15">
              <span class="waves-effect btn btn-warning" data-toggle="tooltip" data-original-title="Refresh" @click="fetchRecordList()"><i class="fa fa-refresh"></i></span>
            </div>
          </div>
          <div class="over_auto" v-el:data-grid>
            <table class="table table-striped table-bordered m-0">
              <thead>
                <tr>
                  <th class="w_50">
                    <input @click="selectAll()" v-model="allSelected" type="checkbox">
                  </th>
                  <th class="th_sort" …
Run Code Online (Sandbox Code Playgroud)

javascript jquery tooltip vue.js switchery

0
推荐指数
1
解决办法
1102
查看次数

标签 统计

javascript ×1

jquery ×1

switchery ×1

tooltip ×1

vue.js ×1