layui单选框未显示的问题

一开始还没导入idea的时候,单纯点击一个网页是有显示出来的,当我把这个带有单选框的网页放到idea的项目中去的时候,发现单选框没显示出来。
1.首先在确认js.css等东西有导入,和之前的网页也没有什么区别
2.网上查询之后,
解释:有些时候,你的有些表单元素可能是动态插入的。这时 form 模块 的自动化渲染是会对其失效的。虽然我们没有双向绑定机制, 但没有关系,你只需要执行 form.render(type, filter); 方法即可。

layui.use(‘form’,function(){
var form = layui.form;
form.render();
});

参考博客
https://www.jb51.net/article/170881.htm

但是加了上述的代码之后,问题还没解决

3.当我在谷歌浏览器上访问该页面的时候,
报了一个错误信息

OTS parsing error: incorrect file size in WOFF header

4.接着我就上网上查这个信息
原因:网上说是由于使用 maven 的 resource 插件开启 filtering 功能后,会破坏有二进制内容的文件。
所以在maven加了以下配置:
参考文章:
http://www.bubuko.com/infodetail-2792982.html

<!--配置打包时字体文件不被maven拷贝,导致字体文件破坏-->
            <resource>
                <directory>src/main/resources</directory>
                <filtering>true</filtering>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.html</include>
                    <include>**/*.js</include>
                    <include>**/*.css</include>
                    <include>**/*.xml</include>
                </includes>
                <excludes>
                    <exclude>**/*.ttf</exclude>
                    <exclude>**/*.woff</exclude>
                </excludes>
            </resource>

重新访问一次,终于可以用了!!!

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页