Vue3 第三十六篇:集成xe-utils

  • Post author:
  • Post category:vue

xe-utils 函数库、工具类 xe-utils 函数库、工具类,vxe-table 表格解决方案. https://vxetable.cn/xe-utils/#/ GitHub - x-extends/xe-utils: javascript 函数库、工具类 javascript 函数库、工具类. Contribute to x-extends/xe-utils development by …

继续阅读 Vue3 第三十六篇:集成xe-utils

vue利用dagre-d3/dagre实现动态流程图

  • Post author:
  • Post category:vue

vue利用dagre-d3/dagre实现动态流程图: 实现动态流程图效果 例如: 项目场景:示例:实时监控项目请求接口数据,这期间数据是从网页到服务器或者到数据库等等的过程,想要一个可以直接清晰了解过程的流程图 安装 必须要安装这两个依赖,可以不用在main.js里面全局安装,放在自己需要的vue文件里面局部引入就好了 官网地址: dagre: https://github.com/dagrej…

继续阅读 vue利用dagre-d3/dagre实现动态流程图

vue中如何使用keep-alive

  • Post author:
  • Post category:vue

在vue中,可以使用标签将组件包裹起来,用于缓存不活动的组件实例,从而提高应用的性能 <template> <div> <component-one v-if="showOne"></component-one> <component-two v-else></component-two> <button @click=…

继续阅读 vue中如何使用keep-alive

vue脚手架移动适配px转换为rem

  • Post author:
  • Post category:vue

执行命令 安装插件postcss-pxtorem npm install postcss-pxtorem -D postcss.config.js 新建package.json同一个目录下,文件内容如下 module.exports = { plugins: { ‘autoprefixer’: { browsers: [‘Android >= 4.0’, ‘iOS >= 7’] }, …

继续阅读 vue脚手架移动适配px转换为rem

vue项目中如何引入vueX

  • Post author:
  • Post category:vue

vueX是专门为vue.js应用程序开发的状态管理模式,集中管理各组件共享的状态,简单的来说就是一个存储状态的仓库。 1、npm安装 npm install vuex --save-dev 2、在store文件夹下创建store.js文件 import Vue from 'vue'; import VueX from 'vuex'; Vue.use(VueX); export default ne…

继续阅读 vue项目中如何引入vueX

vue input 如何限制输入框输入空格

  • Post author:
  • Post category:vue

//可以输入空格 <el-input class=‘left-text’ type=“textarea” v-model=“a” placeholder=“请输入” clearable :disabled=“disabled” @change=“aChange()”> //v-model.trim="a"不可以输入空格 <el-input class=‘left-text’ ty…

继续阅读 vue input 如何限制输入框输入空格

vue[高德地图行车路径规划以及路线记录绘制操作]

  • Post author:
  • Post category:vue

最近的一个项目中需要根据需求将地图上画出一条高速公路,然后将这条高速公路的行车轨迹绘制成一条带有颜色路线以便后续插入内容。 看遍了不少高德地图的api内容以及搜索了不少的网上资源,发现可以通过路径规划来记录车辆的行车点位集合,然后通过点位集合复原成一条自定义的路线。因此这里对该内容做下日常的整理记录。 绘制行车路线在高德地图中有不少的方式: 如:驾车路线规划、步行路线规划、骑行路线规划、公交路线规…

继续阅读 vue[高德地图行车路径规划以及路线记录绘制操作]

Vue 中给数组增加自定义方法

  • Post author:
  • Post category:vue

第一步 在程序根目录下创建 src/common/functions/myFunction.js 文件 第二步 文件内写入: export default { install(Vue){ /** * 返回val在当前列表内的位置 */ Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i++)…

继续阅读 Vue 中给数组增加自定义方法

vue单词汇总

  • Post author:
  • Post category:vue

vue Vue单词大全 0~9 vue:(view)视图,视觉; message:消息; item:项目; in:在...里面;在(某范围或空间内的)某一点;在(某物的形体或范围)中;在…内;在…中;进入; counter:计数器;柜台;对立面; el:(element)(计算计)挂载元素;Vue实例挂载的元素节点; data:数据; methods:方法,方法论; add:添加; reduce:…

继续阅读 vue单词汇总

Vue — props父组件向子组件传递数据的基本使用

  • Post author:
  • Post category:vue

例一:在同级目录下分别创建了 父组件propsparent.vue 和 子组件propschild.vue 首先要在 父组件propsparent.vue 中调用子组件 重要的三个步骤: 1、 import propschild from "./propschild"; 2、在 components 中写入 "propschild , propschild 是子组件名 3、在div中写入 <…

继续阅读 Vue — props父组件向子组件传递数据的基本使用