为您找到搜索结果：2365个
VUE之命令行报错：Expected indentation of 4 spaces but found 6
使用vue时候，经常被一大片警告惊呆了，这是webpack默认的语法检查插件ESLint在做警告，【ESLint是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码】但是我习惯了tab缩进，很不习惯没有缩进的写法，但是不管这些警告又是不能忍受，于是想办法把ESLint给关掉， 关闭ESLint方法：在vue项目中找到build文件夹-->webpack.base.conf.js-->module 重启npmrundev 清爽多了！...
使用vue-cli搭建element-ui项目
最近在使用element-ui搭建项目时发现若只纯用webpack来运行element-ui，要配置各种文件，对于新手来说实在太不友好了，就想到用vue-cli来搭建整个vue项目1.安装node.js2.安装webpack全局安装webpack命令npminstallwebpack-g3.安装淘宝镜像【网速快的童鞋可以省略此步】1npminstall-gcnpm--registry=https://registry.npm.taobao.org4.vue脚手架全局安装--用于生成vue模板npminstall-gvue-cli把它理解成让你不需要为编译或其他琐碎的事情而浪费时间，帮助你快速开始一个vue项目，其实其本质就是给你一套文件结构，包含基础的依赖库5.使用脚手架构建vue项目--一路回车就行了vueinitwebpack6.element-ui安装npmielement-ui注意：到此部element-ui只是安装到项目目录下，但还需要在项目文件中配置才能使用，否则直接写入element-ui的组件代码会报错！！【此处新手极易踩巨坑！】（1），在package.json文件中...
使用vue-element-admin框架开发时遇到的跨域问题
之前使用js和jquery开发时也碰到过接口请求时的跨域问题，但是在使用vue-element-admin开发也碰到这个问题，而且不能使用之前的方法解决，查过不少资料，找到一个很好的方法解决了这个问题首先，解决的思路是：1，原因，造成跨域的原因是因为我们设置的接口和请求的接口不同造成，而且一般做前后端分享，后端接口和前端文件不在同一个工程，也是造成跨域的原因2，解决思路在以前js和jquery时候，都是设置josnp或是后端修改数据接口类型，解决起来非常麻烦在使用vue后，只要使用代理接口就可以解决3，开发环境所用工具a,webpackb,vuec,vue-element-admind,phpe,http-proxy-middleware[解决跨域的webpack插件]4,解决步骤一，安装 http-proxy-middleware插件1$npminstall--save-devhttp-proxy-middleware二，配置dev.evn.js文件 三，配置api/index.js文件 dev:{//PathsassetsSubDirectory:'s...
vue v-on:click传递动态参数
最近项目中要为一个循环列表动态传送当前点击列的数据，查了很久资料也没有一个完美的解决方案，新手只能用vue的事件处理器与jquery的选择器做了一个不伦不类的方案，居然也能解决这个问题，作此记录留待以后会有更好的方法解决这个事情 需求：根据每列传递的参数，决定弹窗后面是积分够了去直接购买还是不够需要去转换 二、页面代码[无法可传的参数，我把它放进了一个自定义标签date-id]<divclass="ticket-main"><ahref="javascript:void(0);"class="weui_media_boxweui_media_appmsgweui_media_box_bg"v-for="iteminmediaBox":date-id="item.num"v-on:click="upHref($event)"><divclass="weui_media_hd"><imgclass="weui_media_appmsg_thumb":src="item.mediaBoxImg"alt=""/>&...
vue 权限控制按钮3种样式、内容、以及跳转事件
最近碰到一个因为要根据权限来给一个按钮变成不同功能，简单写出3个按钮然后用v-if也能实现这个功能，但是在加载页面时，如果延迟过高则会把按钮按照DOM顺序加载出来，这是个很不好的效果思索了下，把三个功能分开写，目前但说能达到需求，但个人感觉还不是最好解决办法，在此记录下来以待将来发现更好办法 <divclass="btn60"><spanv-on:click="reserveMainLink()":class="{'weui_btn':items.msg!=3,'weui_btn_primary':items.msg==1,'weui_btn_warn':items.msg==2}"><spanv-show="items.msg==1">立即预约</span><spanv-show="items.msg==2">已预约</span><spanv-show="items.msg==3">已过期</span></span></div>ticketdata={"t...
vue v-show与v-for同时配合v-bind使用并在href中传递多个参数的使用方法
最近在项目中，因为还没使用前端构建工具，还在使用vue+jquery方法渲染页面碰到几个小问题，在此记录下作为vue学习之路上的一个小知识点需求：1、数据列表存在与否状态，没有数据显示默认提示，有数据则渲染出数据列表2、列表数据存在3种状态，分别为0，1，2根据状态给数据打上可使用，已使用，已过期，3、如果列表状态为0和1时，才可以查看详细状态，同时可以带上每条数据商品id和状态id，否则不可以跳转到详情页面 一，界面实现 二，页面代码 <divclass="weui_cellsweui_cells_accessmtbeforeborder-blbrbg-f2mt0"id="historyElectronics"><!--电子券--><divclass="weui_cellmtbeforemt10"><divclass="weui_cell_bdweui_cell_primary"><pclass="f4f">历史电子券</p></...
VUE2.0 【v-html】标签使用技巧
<divclass="active-rules"><divclass="weui-weixin-content"id="rules"><p>活动名称：{{message1}}</p><p>活动时间：{{message2}}</p><p>活动奖品：<spanv-html="newMessage3">{{newMessage3}}</span></p><p>发奖时间：{{message4}}</p><p>{{message5}}</p></div><divclass="acrive-line"></div><divclass="active-code"><p>商家二维码</p><divclass="code"><imgsrc="../../../static/b2b-reception/images/icon-exchange-3.pn...
vue生命周期回调方法
最近在用vue开发一个商品列表页，因需要根据请求回的字段是否有内容来显示隐藏该字段，但因为vue异步加载导致显示隐藏方法不起作业（主要是判断条件取不到页面渲染内容），围观了vue生命周期后发现updated方法很好用$(document).ready(function(){switchList();});//展示接口请求functionswitchList(){$.ajax({type:"POST",timeout:3000,url:"../../../static/b2b-reception/data/switchList.json",success:function(obj){lineListId.todos=obj;tabListId.todos=obj;}})}//列状展示循环渲染varlineListId=newVue({el:'#line-list',data:{todos:[]},updated:function(){newIcon();}});//新品标签显示隐藏functionnewIcon(){$(".weui-mark-vip").each(function(){...
jQuery treetable【表格多重折叠树功能及拖放表格子元素重新排列】
今天有个表格需求做到多重折叠子元素功能，仔细想了下实现原理，1、在html中，把父子节点的关系写在自定义属性，但对于节点是否有孩子(hasChild)，是否是最后一个节点(isLastOne)，是否是第一个节点(isFirstOne)，都还不知道。所以第一步要分析出这些信息，把这些信息都记录到自定义属性。2、先扫描所有的tr，构造出两个map，分别记录{'pId'=>['id1','id2']}和{id=>pId}的关系。3、再次扫描所有的tr，根据两个map的关系，给tr增加hasChild、isLastOne、isFirstOne等自定义标签，并开始构造节点图标。4、给整个table增加点击事件监控，如果是来自(hasChild)的父节点则进行点击事件。【亮点：jqTreeTable是给每个图标都绑定事件，而我是给整个table绑定一个点击事件，提高性能。推荐jquery一个插件【jQuerytreetable】，能完美实现我的需求，并附带拖放表格子元素重新排列功能需要引用到的组件<linktype="text/css"href="js/ludo-jquery-t...
[jquery]折叠指定条件的表格
最近在做财务报表时候，一些表格要做特定折叠效果这里通过2个自定义属性来对表格之间的属性作关联date-head和date-num，输出表格时候，可以按照这2个自定义属性给某些带父子层级关系的内容指定关联关系再通过jquery获取这些具有相当关联关系的表格作出折叠效果效果图先上jquery$(document).ready(function(e){$(".table").find(".head").each(function(){$(this).find("td:nth-child(2)").click(function(){varhead=$(this).parents("tr").attr("date-head");$(".table").find(".close").each(function(){varnum=$(this).attr("date-num");if(head==num){if($(this).css("display")=="none"){$(this).show();}else{$(this).hide();}}});})});}); css代码bod...
js/vue 计算近半年/近1年日期(可跨年)
//计算近半年时间letnowDate=newDate();letarray=[];letyear=nowDate.getFullYear();letmon=nowDate.getMonth()+1;for(leti=0;i<6;i++){mon=mon-1;if(mon<=0){year=year-1;mon=mon+12;}if(mon<10){mon="0"+mon;}array[i]=year+"-"+mon;}console.log(array);//["2020-12","2020-11","2020-10","2020-09","2020-08","2020-07"] 同理，把for循环中的6，改成11，即：获取当前月份，再加上往前推的11个月，共12个月，为近1年的时间（可跨年）。console.log(arrays);console.log(arrays.pop());获取最终月份：arrays.pop();...
vue 中 html 滚动吸顶
1、template：<divclass="my_address"id="searchBar"><divclass="van_list"v-if="addressList.length==0">Nomoredata</div><divv-elseclass="my_address_list"><div:class="searchBarFixed==true?'add_btn_divisFixed':'add_btn_div'"><el-buttonclass="add_btn"size="mini"type="primary"@click="add_address()">AddAddress</el-button></div><divclass="my_address_list_tit"><ul><liclass="name">Name</li><liclass="tel">Mobile</li><liclass=...
在 vuex 存取数据
1、在 src里面，新建store文件夹，里面分别再创建modules文件夹、getters.js和 index.js ： 2、modules里面，创建 print.js：conststate={goodsForeNo:''}constmutations={STORE_GOODSFORENO(state,params){state.goodsForeNo=params;}}exportdefault{namespaced:true,state,//getters,//actions,mutations}3、getters.js：constgetters={goodsForeNo:state=>state.print.goodsForeNo}exportdefaultgetters4、index.js：importVuefrom'vue'importVuexfrom'vuex'importgettersfrom'./getters'importprintfrom'./modules/print'//引入pri...
vue 上传图片，转base64取不到.onload的值
1、例如：<1--选择证件图片--><ulclass="upload-imgs"> <!--imgLen为选择几张图片，当前设置了选择一张后隐藏选择按钮--> <liv-if="imgLen==1?false:true"> <inputtype="file"class="upload"@change="addImg"ref="inputer"multipleaccept="image/*"/> <aclass="add"><imgsrc="../../assets/index_img/shenfenzheng-a.png" </li> <!--回显图片--> <liv-for='(value,key)inimgs':key="key"> <divclass="img"><img:src="getObjectURL(value)"@click="showImg(value)"/><aclass="close"@clic...