.modal is not a function的问题

Question

我也遇到了一样点击新增按钮出现.modal is not a function的问题，在login界面jquery和bootstrap都加载了。而且index.html引入的顺序是jquery-2.1.4.min.js在前，bootstrap.min.js文件在后。但还是出现了这样的问题，求解答谢谢。

Answer 1

甲蛙 2024-03-07 17:40:09

1. 浏览器开发者工具打开，网络窗口，确认打开页面时，加载了bootstrap

2. .modal前端的$(xxx)这里是否能选中元素，class或id是否匹配

• 提问者 weixin_慕斯卡8549314 #1

  bootstrap已经加载了，${XXX}都是与模态框的class或者id匹配的，但还是报错。后面去bootstrap文档看了一下还可以用data属性调用，写成下面那样就弹出模态框了，但.modal方法依然不行。
        <button v-on:click="add()" type="button" class="btn btn-white btn-default btn-round" data-toggle="modal" data-target="#form-model">
          <i class="ace-icon fa fa-edit red2"></i>
          新增
        </button>

• 提问者 weixin_慕斯卡8549314 #2

  已经解决了，在vue界面上多import了一次jquery，把它删掉再配置一下.eslintrc.js文件，除了.modal方法其他jquery方法都能用了