随笔分类 - vue
摘要:整个项目都关闭创建.eslintrc.js写入如下代码 module.exports = { "env": { "browser": true, "es6": true }, "extends": "plugin:vue/essential", "globals": { "Atomics": "re
阅读全文
摘要://阿拉伯数字转换为简写汉字 function Arabia_To_SimplifiedChinese(Num) { for (var i = Num.length - 1; i >= 0; i--) { Num = Num.replace(",", "")//替换Num中的“,” Num = Nu
阅读全文
摘要:vitevite是基于esbuild预构建的,esbuild是用GO语言编写的,比js编写的打包器预构建快10-100倍,js跟go语言相比太慢了。 与webpack相比: vite服务器启动速度比webpack快,由于vite启动的时候不需要打包,也就无需分析模块依赖、编译,所以启动速度非常快。当
阅读全文
摘要:1.在nginx配置上加 vue.config.js的 devServer.proxy配置中 proxy: { [process.env.VUE_APP_BASE_API]: { // VUE_APP_BASE_API是 .env.development 文件里面的 target: 'http://
阅读全文
摘要:<template> <div class="point"> <div class="mongolia" id="mongolia" @click.stop="creat_point"> <div ref="testDom" class="marker" v-for="(item, index) i
阅读全文
摘要:1.新建公共文件utils/publicModule文件 //写公共方法 2.引入vue组件页面 vue3中的任何一个组合式api都可以单独抽离出去在另一个文件,最后只需要回归到setup()中即可。 1.utils/publicModule文件 // 公共的数据和方法 import { react
阅读全文
摘要:1.需求是懒加载+搜索定位+动态树结构,效果如下,每个树都有自己独立的搜索独立的数据 2.需求清除了下面开始上传代码 树结构是遍历出来的 treeList v-for(item,index) in treeList :key="index" <el-tree :ref="'tree' + item.
阅读全文
摘要:1.本文章讲述的是 VUE element admin UI中拦截器的作用 我们先来讲一下请求的原理 requert2.js 这里有小小的改动 把之前的requert.js替换成requert2.js因为请求的端口太多了 在requert2.js里引入import axios from 'axios
阅读全文
摘要:本文章主要是记录vueX模块化,在其中一个文件(模块)的action方法里面调用另外一个文件(模块)action里的方法过程中所遇见的问题 1. 我是下载的element admin UI基础版 先看目录结构 2.其实我是要在登录成功的时候传值给globally.js 的 menuHover 来修改
阅读全文
摘要:本文章主要是做得一个用VUE构建的项目实现切换风格肤色的功能 1. 安装vue-cli npm install -g vue-cli vue init webpack vue_demo cd vue_demo npm install npm run dev 2.安装element-ui及sass n
阅读全文
摘要:本文章主要是说明element UI 里面的下拉框选中对象的问题 一般来说都是选中的绑定的value(唯一值) 但是value如何绑定对象呢?1. 设置成对象 :value="item"2. 要有 value-key=“id” 1.HTML <el-select style="width: 200p
阅读全文
摘要:1.在VUE中,对HTML的原生事件做了支持,例如 click , focus,change,blur 等事件。但是除了这些还可以自定义事件 2. 什么是自定义事件,1 事件是指被程序发现的行为或发生的事情,而且它可能会被程序处理。分为(添加事件,触发事件) 细分就是三步(1.声明需要添加的事件。2
阅读全文
摘要:<vechart :options="realLineOption" /> 文件 存放位置 代码书写方式 以上原理就是利用 computed 监听数据的原理 2. 第二种解决办法 其实 把v-show 改成 v-if 就可以解决100px问题 具体情况 具体分析
阅读全文
摘要:需求是修改列表页面里面弹框弹出来的值 1. 先创建弹框 父组件 主要 dialogVisibleedit ,systemlistedit , systemlist 都是传给子组件的参数 dialogVisibleedits 是与子组件绑定的值 绑定的是子组件里面的操作状态 <emergencyedi
阅读全文
摘要:index.vue 文件 <template> <div id="app"> <input type="text" v-model="this.$store.state.count" /> <!-- --> <div>{{ count }}</div> <!-- 双向绑定 --> <input ty
阅读全文
摘要:1、需要安装三个依赖: npm install -S file-saver xlsx npm install -D script-loader 2,下载两个必要的JS Blob.js / Export2Excel.js 然后在SRC文件夹下新建一个excel文件夹 放入 这两个JS文件 3,在mai
阅读全文
摘要:1.先在router/index.js 文件夹中 2. 在右边建立vue页面 /就是你跳转过去的页面 3. 在主页面<router to=" /"> 在这里 填写 跳转链接 4.路由配置完毕
阅读全文
摘要:Vue实例有一个完整的生命周期,也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程,我们成为Vue 实例的生命周期,钩子就是在某个阶段给你一个做某些处理的机会。 创建之前
阅读全文
摘要:<div id="table"> <el-table :data="this.dataa.list" border style="width: 100%" :header-cell-style="{ background: 'rgba(237, 242, 246, 1)' }" > <!-- <el
阅读全文
摘要:HTML 部分 <div class="left-tab"> <div class="hd"> <div :class="{'cur': now '1'}" @click="now = '1'">广利河西五路</div> <div :class="{'cur': now '2'}&qu
阅读全文