为您找到搜索结果：2016个
vue 分页跳转页面详情，返回记住当前点击第几页
列表页：mounted调用： mounted(){this.getSchoolWebModuleMessageListFunc();}, methods中，定义：getSchoolWebModuleMessageListFunc(){ //当从详情页返回的时候，先获取详情页中存下来的detall标识，在列表页中，把获取到的分页页码重新赋值赋值，用以返回前的页面，保持不变if(sessionStorage.getItem('detail')){//console.log(Number(sessionStorage.getItem("currentPage")));//如果有这个就读取缓存里面的数据this.pageNo=Number(sessionStorage.getItem("currentPage"));this.currentPage4=Number(sessionStorage.getItem("currentPage"));}else{this.pageNo=1;//这个主要是从其他页面第一次进入列表页，清掉缓存里面的数据sessionStorage...
vue等，利用 .concat() 追加合并数组，并去重
1、比如有这么两个数组(newarr和res.data)： 2、数组合并：newarr=newarr.concat(res.data);之后： 3、我们需要的是上面画框的数据，而不是第一条数据(注：newarr和res.data可以切换 )4、调用方法( unique(newarr))：functionunique(arr){letresult={};letfinalResult=[];for(leti=0;i<arr.length;i++){result[arr[i].month]=arr[i];//arr[i].month不能重复,达到去重效果,且这里必须知晓"month"或是其他键名}//console.log(result);for(constiteminresult){finalResult.push(result[item]);}//console.log(finalResult);returnfinalResult;//要返回的数据}5、 result打印结果为：6、f...
VUE elememt-ui定时器不生效原因
vue中，setTimeout()函数中的this指向的并非vue对象，所以，定义一个_this 暂存this，执行setTimeout函数时，setTimeout函数内的_this就会访问到这个变量，就会得到当前对象。例如：let_this=this;//定义预存变量setTimeout(function(){ _this.$message({ message:'批量操作成功', type:'success' }); _this.dialogVisible2=false;},3000); ...
vue 使用 proxyTable 解决跨域问题
1、在main.js中，在引入axios：importaxiosfrom'axios'Vue.config.productionTip=falseVue.prototype.$axios=axios//将axios挂载在Vue实例原型上//设置axios请求的tokenaxios.defaults.headers.common['token']='f4c902c9ae5a2a9d8f84868ad064e706'//设置请求头axios.defaults.headers.post["Content-type"]="application/json" 2、在 config/index.js中，找到dev下的proxyTable：proxyTable:{'/apis':{//测试环境target:'http://localhost:8000/',//接口域名changeOrigin:true,//是否跨域pathRewrite:{'^/apis':''//需要rewrite重写的,}}}3、调用的接口页面中，引入：varapi='/apis/...'this.$http...
vue-cli 使用 font-awesome 字体插件
在cmd中，运行：cnpminstallfont-awesome在 main.js 里添加import"font-awesome/css/font-awesome.css"...
vue-cli安装
1、安装node.js2、自定义空文件夹，名字随便3、打开文件夹，cmd运行4、全局安装vue-cli：输入npminstall--globalvue-cli，或cnpminstall--globalvue-cli5、创建一个基于webpack模板的新项目：vueinitwebpackmy-project，( my-project)为文件名，注意的是，提示UseEslinttiinityourcode?的时候，选择n，否则，后面的项目，会提示语法报错，虽然无伤大雅，但控制台看着一大堆报错，很难受，其他选项，均为默认就行6、cdmy-project，打开创建的my-project，运行：cnpminstall，成功以后，运行：cnpmrundev打开项目至此，vue-cli项目，框架已创建完成。浏览器地址栏输入：http://localhost:8080/#/，即可以看到vue项目。 cnpm使用之前，先用命令行：cnpm-v查看，cnpm是否已经安装。此例子，是为在node.js，webpack，cnpm已创建情况下运行的，...
vue eslint报错解决办法
若提示入下图时，在build/webpack.base.conf.js中，找到//constcreateLintingRule=()=>({//test:/.(js|vue)$/,//loader:'eslint-loader',//enforce:'pre',//include:[resolve('src'),resolve('test')],//options:{//formatter:require('eslint-friendly-formatter'),//emitWarning:!config.dev.showEslintErrorsInOverlay//}//})注释掉，再找到module中的 ...(config.dev.useEslint?[createLintingRule()]:[]),也注释掉，然后重新运行cnpmrundev即可解决eslinet报错问题 ...
vue动态修改title
1、项目中，cmd下，运行：cnpminstallvue-wechat-title--save2、在main.js中，设置：importVueWechatTitlefrom'vue-wechat-title'; Vue.use(VueWechatTitle)3、在router/index.js中，设置：{ path:'/Home', name:'Home', component:Home, meta:{ title:'Home' //此处为要修改的title名称，浏览器目前的标题显示：Home }}4、在app.vue中，添加组件：<router-viewv-wechat-title="$route.meta.title"></router-view>此上，就可以自动修改浏览器标题了...