随笔分类 - vue
主要介绍vue项目中的一些方法
摘要：第一种方法使用slot="header"（使用的官方文档使用的方法，但是没有数据的联动，所以这里修改了一下）： html： <el-table :data="tableList" style="width: 100%" border> <el-table-column v-for="(header,
阅读全文
摘要：1、去GraphVis官网下载对应的js，新版和旧版的js有所不同，看自己需求引入旧版还是新版（GraphVis官方网址：http://www.graphvis.cn/） visgraph.min.js （基本配置js） visgraph-layout.min.js（配置布局js） 2、在需要的vu
阅读全文
摘要：推荐使用provide/inject组合实现刷新的原因在于刷新页面的不会出现瞬间的空白页面，用户体验良好。 1、修改App.vue页面 <template> <div id="app"> <router-view v-if="isRouterActive"/> </div> </template>
阅读全文
摘要：我想要的效果: 解决步骤: 1.安装引入 npm install echarts import Echarts from 'echarts' // 全局注册Echarts Vue.prototype.$Echarts = Echarts 2.引入china.js(我是直接引入安装包里面的文件包,你也
阅读全文
摘要：1、如果data里面只定义了对象，对象里面的键值没有，getter/setter函数无法监听到数据变化，会导致此现象发生; 解决办法为调用vue的set函数，设置需要绑定的键值: Vue.set(obj,key,value) Or this.$set(obj.key,value) 2、如果数据层次太
阅读全文
摘要：在我的vue项目中出现了如图所示的问题: 但是在之前的项目从未遇到过，于是百度了许多，网上介绍的都是intsall @babel/plugin-syntax-dynamic-import 并且在..babelrc中引入的方法，但是在vueCli3.0之后的版本根本不存在这个文件，其实它是变成了bab
阅读全文
摘要：这是后台给我的gejson: {"type":"FeatureCollection","features":[{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[[31.148260581
阅读全文
摘要：server { listen 80; server_name localhost; index index.html index.htm; root /xxx/xxx; location / { try_files $uri $uri/ /index.html =404; } }
阅读全文
摘要：1、报错原因： 在升级了Vue-Router版本到到3.1.0及以上之后，页面在跳转路由控制台会报Uncaught (in promise)的问题，在3.1.0版本里面新增功能：push和replace方法会返回一个promise, 你可能在控制台看到未捕获的异常。 2、解决方法： a、在调用方法的
阅读全文
摘要：1、在项目中安装vue-cookies： npm install vue-cookies --save 或 yarn add vue-cookies --save 2、全局引用： //在 main.js 中引入 // require es5 方法 var Vue = require('vue') V
阅读全文
摘要：vue项目在ie浏览器中出现空白，f12打开后发现在body下面就只有一个div盒子，因此我们可以猜测就是js没有引入导致的，所有网上看了一些相关的才知道，在ie中无法解析es6或者版本更高的语法，所以需要一个解析的js去把es6，es7语法转换为es5语法。 首先安装 babel-polyfill
阅读全文
摘要：第一步：项目搭建之前首先需要安装node环境和MySQL数据库。 在已经完成上述的条件下开始进行以下操作： npm install @vue/cli -g (-g 代表全局安装) 初始化项目 vue create projectName (项目名) （检测是否安装成功过程省略） 剩下的配置根据自己需
阅读全文
摘要：一、打包后的打开index.html页面空白的几种情况： 引入的css、js路径报错，此时解决方法：把vue.config.js中的增加publicPath: ‘./’ 或者把原来的baseUrl改为publicPath，在vue-cli3.3以上废弃了baseUrl，更改为publicPath.
阅读全文
摘要：1、需要安装file-saver和script-loader、xlsx npm install file-saver / yarn add file-saver npm install script-loader / yarn add script-loader npm install xlsx /
阅读全文
摘要：1、创建vue项目 cmd命令执行 vue create app (app 自定义的项目名) 一般都会选择后者，自己配置一下自己需要的选项（空格为选中） 这是我个人需要的一些选项，路由Router、状态管理Vuex、CSS处理器等（可以根据自己需要进行选择） 这里选择yes（Y） 我这里选用sass
阅读全文
浙公网安备 33010602011771号