weixin_43837268的博客

Vue 项目中使用百度地图一.写在前面的话，在vue项目中使用H5新特性在IOS手机上打开vue网页会有适应性问题，并且无法获取所在城市，因此使用第三方库百度地图api二.使用步骤1.获取百度地图密钥(1).注册百度开发者帐户 http://lbsyun.baidu.com/(2).创建网站为网站申请百度地址访问密钥 AccessKey2.实现百度...

1.【template】<i class="sun" v-else-if="weather=='晴天'"></i>2.【style】.sun, { width: 25px; height: 22px; margin-right: 5px; margin-left: 5px; background-size: cover; font...

一.固定头部导航栏1.【vue的touch事件】 &lt;div class="flex-wrapper" ref="scrollmain" @touchstart='touchstart' @touchmove='touchmove' @touchend='touchend'&gt;2.【Method】touchmove(e){ var scollTop=0...

1【问题描述】比如首页有5个选项，我第一次点了第一篇文章，会进入正确的页面，然后我退出来，再点击第二篇文章，进入的还是第一次打开的第一篇文章2.【解决方案】把app.vue中的keepa-live去掉，就可以解决掉这个问题了&lt;!-- &lt;keep-alive&gt; --&gt; &lt;router-view&gt;&lt;/router-view&gt;...

1.、首先下载ngrok,下载到D:\ngrok【注意】把先移动压缩包，再解压2、然后cmd到此目录下3、ngrok http 80会把内网的80端口变成http://64183892.ngrok.io外网...

一、项目打包npm run build二、路径问题1.【问题描述】CSS、JS路径报错，原因少了/dist这层路径2【解决方案】在webpack的模板下的/config/index.js中的.build: 中assetsPublicPath: '/dist/',三、路由问题1.【问题描述】Vue中的路径是虚拟路径2【解决方案】router.js中...

1.【templete】&lt;el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"&gt;&lt;/el-tree&gt;2.【data】&lt;script&gt; export default { data() { return { data:..

1.【template】&lt;div class="yh-block"&gt;  &lt;yh-gallery :images="images"     upload-url="/api/upload"                                 :upload-params="{userId:'test'}"                            ...

1.【template】&lt;yh-tab-group @select="onTabSelected"                           :options="options"  :default="0"&gt;&lt;/yh-tab-group&gt;2.【data】options : ["基金",                              

1.【template】&lt;div class="chart" id="hp-chartOne" :style="{width: '100px', height: '100px'}"&gt;&lt;/div&gt;2.【methods】let chartThree = echarts.init($('#hp-chartThree')[0]);chartThree.setOp...

3.清除浮动:.clear:after{   content:"";   display:block;   clear:both;}4.外边距的溢出选择器:before{  content:"";  display:table;} 

一.【业务需求】有些时候一个父组件的很多方法有很多子组件都要使用二.【代码实现】父组件:】 methods:{ //打开模块 openModule(m, props) { var index = this.moduleIndex(m.component); if (index &gt;= 0) { this.active = index; ...

1.父组件中的方法】isopened(comp){ var j=0; for(var i = 0; i &lt;this.modules.length; i++){ if(comp.component==this.modules[i].component){ j+=1; } } if(j==1){ return true; }else...

1.父组件】//关闭模块closeModule(index) { var modules = this.modules; if (index &gt;= 0 &amp;&amp; index &lt; modules.length) { var m = this.module(index); if(m &amp;&amp; m.close) { m.cl...

1.【父组件中关闭tab】//判断是否关闭模块closeModule(index) { var modules = this.modules; if(index &gt;= 0 &amp;&amp; index &lt; modules.length) { var m = this.module(index); if(m &amp;&amp; m.close) ...

1.父组件:】provide:【provide:】provide: function() { return { //给addTab定义一个getAdd的调用名称 getAdd: this.addTab, };},【data：】tabs: [ { id:"t1", title: "补录信息页面", ...

一、IOS、Android调用Vue.js1.在【Method】中定义一个方法scanResult(result){ this.language=result;},2.在【create】中把该方法定义为全局方法window.scanResult=this.scanResult;3.IOS、Android直接调用该方法就可以了二、Vue.js判断微信、IOS...

1.【子组件】&lt;el-button :type="btntype" :size="size" :disabled="disabled" @click="showDio" :class="className" :round="round" :plain="plain" :circle="circle&quo

1.【子组件】&lt;template&gt; &lt;div&gt; &lt;el-select v-model="svalue" placeholder="请选择" filterable&gt; &lt;el-option v-for="item in options" :key="item.value"

1.box-shadow：h-shadow  v-shadow blur spread color  inset；h-shadow ：水平偏移量 ----必选          v-shadow：垂直偏移量-----必选blur：模糊距离 -------------可选spread：阴影尺寸---------- 可选color：阴影颜色 ------------ 可选inset：内阴影...

1.卡片类.task-card {     width:160px;     height:110px;     display:inline-block;     background-color:white;     border:1px solid #ccc;     margin-left:20px;     font-size:14px;     padding:...

1.后台爬到的数据带有html标签，可以用v-html直接解析&lt;p v-html="hotTodayListArticle"&gt;&lt;/p&gt;

1.一个模块this.$main.openModule( {component: "PlanReport", title: "规划报告",}, {food:['购车计划','置业计划']});2.被打开模块props:{ food: Array}, 

1.使用.then中间件来判断用户点了确定还是取消this.$confirm().then(function(){});

可以使用空的div加上边框来实现

一.关闭tab: 1.使用close事件&lt;template&gt;@close="closetab" 2.定义方法closetab(index){ //根据index删除tab组中的tab this.$refs.tgroup.remove(index);}, 

1.class判断条件<template><div id="box">　　<strong :class="{red:a,bule:b}">凉凉三生三世，为你四年成河水<strong> 　　</div><template><script>　　new Vue({　　　　el:"#box",　　　　...

.content { background-color: #F00; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} 

解决方法：在最外面加一个div用red测试&lt;div style="width:100%;height:10px;background:#fff;" v-show="showphotodetail"&gt;&lt;/div&gt; 

1.安装better-scroll:npm install --save better-scroll2.【template】&lt;div class="tab" ref="tab" v-show="showphotodetail"&gt; &lt;ul class="tab_content" ref="tabcontent"&gt;

1.【左右按钮箭头】2.【选中保存】

一、首先下载Node.js安装包(msi)这里根据自己的系统去node官网http://nodejs.cn/download下载相应的msi包 =>双击运行 （改变安装路径可以放在自己理想的盘符）=>猛点下一步。二、配置环境变量1.安装后，打开运行命令窗口，输入cmd。输入node -v,测试是否安装成功，会输出版本信息。2.新的node.js已经集成了npm，所以...

我们报错可以怪它 淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 运行 等待执行完成 cnpm istall 运行  会下载45个文件淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 运行等...

.tab_item img{ width:123px; height: 94px; object-fit: cover; border-radius: 2px;} 

leave() { let top = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset; sessionStorage.setItem("id", JSON.stringify(top));}activat...

【方案一】1【template】&lt;div class="educationitem clearfix" v-for="(item,index) in worklist" :key="index"&gt; &lt;div class="lefticon"&gt; &lt;div class="grayglobel"

解决方法：设置父盒子宽度为width:100%,搞定！

1【template】&lt;img :src="item" @click="showbigimage(item)"&gt;&lt;transition name="bulletin-detail"&gt; &lt;div class="bulletin-detail" v-show="showbig" @touchmove.prevent @

删除2.替换3.停止和启动

if (this.commentNum % this.pagesize === 1) {//总条数%每页条数 let lastpage = (this.commentNum + this.pagesize - 1) / this.pagesize;//最后一页=（总条数+补齐最后一页）/每页条数 if (this.No === lastpage &amp;&amp; this.N...