分类: Vue

37 篇文章

服务端渲染总结
创建项目 yarn create nuxt-app <project-name> 引入第三方UI 以 Element UI 为例 yarn add element-ui -S 在 plugins / element-ui.js import Vue from "vue"import Element from "element-ui"Vu…
22. vue根据表格导出execl文件
需要的引入的 SDN 资源 <script src="https://cdn.jsdelivr.net/npm/xlsx-style@0.8.13/dist/jszip.js"></script><script src="https://cdn.jsdelivr.net/npm/xlsx-style@0.8.13/di…
Vue打开新页面被浏览器拦截
方式一 let tempPage = window.open("", '_blank');tempPage.location = "跳转的路径" 方式二 Vue单独打开页面,显示独立路由 let routeUrl = this.$router.resolve({   name:'路由的名字',    quer…
Vue实现懒加载
前端优化思路在海量数据中渲染中,前端在初始化拿到数据的后,只对少量数据进行渲染.监听滚动轴的位置,使其到达一定高度后,再渲染后面的部分数据 <template> <div> <ul> <li v-for="(item,index) in data">{{data}}</li> </u…
Vue配置本地代理
基于 vue-cli 2.0 module.exports = { dev:{ assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable:{ '/scoket': { target: 'xxx', changeOrigin: true, secure: false, pathRe…
Vue路由传参
// 传参 this.$router.push({ name:"ExamChange", params:{ routeParams: xxx } }) // 接收参数 this.$route.params.routeParams vue获取url参数 this.$route.query."url后缀的参数名"
Vue打开新窗口被拦截
/**解决浏览器拦截窗口,先打开空白窗口在乡该窗口的location中赋值*/ let tempPage = window.open("","_blank"); let routerUrl = this.$router.resolve({ name:"路由的name", query:{"查询参数"} }) tempPage.location = r…