摘要： 1、安装插件 npm install vue-piczoom --save 2、复制相关代码即可 <template> <div class="box"> <div class="pic"> <pic-zoom :url="imgurl" :scale="3"></pic-zoom> </div> 阅读全文

摘要： 在div标签内加个contenteditable=true就可以当输入框使用了 <div contenteditable=true></div> 阅读全文

摘要： 1、 安装npm i node-sass@4.14.1 sass-loader@7.3.1 2、在style标签里面写上lang="scss" 即可使用 阅读全文

摘要： 1、写好循环和点击事件后再在循环处写上类名 :class="{ active: index == types }" 2、在data里面也上默认 types:0, 3、写好点击事件 4、在样式里面写好高亮样式即可 5、效果展示 阅读全文

摘要： 1、在页面写好循环和点击事件（点击事件带上参数index） 2、给从后台获取的数据添加一个自定义参数 flag 3、根据自定义的参数状态来控制div的显示与隐藏 4、在div上写上判断条件 5、展示 阅读全文

摘要： 1、从后台获取到数据后，不能直接赋值给this.list数组后再添加自定义参数，不然渲染时找不到这个参数，应该拿到数据后直接forEach给item 2、给item添加自定义参数flag=true,(参数可以自己自定) 3、用push() 将添加过自定义参数的item,添加 到this.list即可 阅读全文

摘要： 1、在components文件夹里面新建好作为组件的页面， 2、在展示页面写好点击事件并在组件展示位置写上 <component :is="comName"></component> 标签 3、在script里面引入刚刚新建好的组件页面并注册 4、在data里面设置默认展示的组件 5、在点击事件中判 阅读全文

摘要： <style> .max_box { width: 200px; margin: auto; } .box { width: 100%; height: 0; padding-top: 100%; position: relative; } img { position: absolute; top 阅读全文

摘要： <input class="" type="text"></input> 加上“autocomplete”属性，禁止显示历史记录 <input class="" type="text" autocomplete="off"></input> 阅读全文

摘要： 以头部为例子： 1、将头部的html以及相关的js单独写在一个html文档里： 2、新建一个header.js文档： 3、将头部的html文件整个全部转换成js文件（可以在网上找个HTML源代码转换JavaScript代码的网站） 我用的是站长工具就可以直接转换 https://tool.china 阅读全文