vue-element-admin项目初始化npm install报错

  • Post author:
  • Post category:vue

可能会报某一模块不可用; 可能报错代码为npm err code 1… 可能报错缺少模块webpack… 提供一种思路 :检查package.json中node-sass版本,去网上查找与之对应的node版本,并核对本地node.js版本是否匹配。 若不匹配,卸载本地Node.js,安装对应版本node.js npm install时安装的node-sass一定是package.json中的版本,…

继续阅读 vue-element-admin项目初始化npm install报错

Vue3降为Vue2

  • Post author:
  • Post category:vue

1.vue -V  查看本机vue版本 2.npm uninstall -g @vue/cli 卸载vue脚手架 3.npm install -g vue-cli  安装vue2脚手架 npm install -g @vue/cli 安装vue3脚手架 # 创建一个基于webpack 模板的新项目 vue init webpack new-project 输入上面命令后,会询问几个选项,根据自己需…

继续阅读 Vue3降为Vue2

vue与安卓原生定位的交互

  • Post author:
  • Post category:vue

网页定位的不足 我之前写了篇vue调用百度地图 js api实现定位的文章, vue 实现定位到当前位置 但是实际使用的时候,发现百度定位js经常定位不精确,这个不足,官网也有提, 为了精确,还是使用原生app调用高德地图api来实现定位,这样就要用到js与原生的交互,js调用某个方法,然后触发原生的定位,原生定位完成,调用js方法,回传给js,我这边做的兼容性比较高,js传入不同的坐标系,原生会…

继续阅读 vue与安卓原生定位的交互

[Vue warn]: Unknown custom element: – did you register the component correctly? 详细查错思路

  • Post author:
  • Post category:vue

出现这个错误往往与组件的引入有关。具体可能的几种错误原因如下: 1. 在非脚手架环境下 ,组件注册使用了CamelCase的话,那么组件调用的时候就要用kebab-case代替。 2. 是否正确注册组件,使用如下方式注册组件: export default { data(){ return{ }, components/*注意components不能漏掉末尾的s!*/: { vTable // /…

继续阅读 [Vue warn]: Unknown custom element: – did you register the component correctly? 详细查错思路

Vue2项目中使用AntV X6 自定义节点绘制组织树

  • Post author:
  • Post category:vue

1.安装X6组件库 npm install @antv/x6 --save 2.页面引入X6 import { Graph, Cell, Node, Color, Dom, Shape } from '@antv/x6'; 3.实现自定义节点 组织树代码 <template> <div class="app-container home"> <div class="l…

继续阅读 Vue2项目中使用AntV X6 自定义节点绘制组织树

VUE使用QRcode或者vue-qr生成二维码

  • Post author:
  • Post category:vue

这里介绍两种vue生成二维码的方法 QRcode vue-qr vue-qr比QRcode功能多在可以在中间加logo 下面先介绍QRcode vue里安装 qrcodejs 的npm包 npm install qrcodejs2 import QRCode from 'qrcodejs2' <div class="qrcode" ref="qrCodeUrl"></div>…

继续阅读 VUE使用QRcode或者vue-qr生成二维码

vue3中使用element Plus,el-menu添加router属性文字颜色选中激活失效

  • Post author:
  • Post category:vue

在vue3中,给<el-menu></el-menu>属性添加上router属性通过index来跳转路由之后,选中菜单,但是颜色不会变,这时候需要通过在default-active属性激活当前的路由。 <el-menu class="el-menu-demo" mode="horizontal" background-color="#b7bfcc" text-colo…

继续阅读 vue3中使用element Plus,el-menu添加router属性文字颜色选中激活失效

Vue中v-model的原理

  • Post author:
  • Post category:vue

一、v-model原理 1.原理: v-model本质上是一个语法糖。例如应用在输入框上,就是value属性 和 input事件 的合写 <template>   <div id="app" >     <input v-model="msg" type="text">     <input :value="msg" @input="msg = $even…

继续阅读 Vue中v-model的原理

vue-cli4构建项目详细配置

  • Post author:
  • Post category:vue

创建一个Vue项目 vue create projectName //创建项目 vue create <项目名> 选择配置 //如果你保存过配置,第一个是已经保存过的配置 Default ([Vue 2] babel, eslint) //vue2的默认配置 Default (Vue 3) ([Vue 3] babel, eslint)//vue3的默认配置 Manually sele…

继续阅读 vue-cli4构建项目详细配置

【GoJS使用】GoJS在vue中的入门使用教程

  • Post author:
  • Post category:vue

文章目录 前言 安装和引入Go.js 画板初始化 画板配置 基础配置 树结构配置 连接线的配置 鼠标框选配置 节点选中时边框的配置 全局缩略图的配置 其他配置 线段吸附网格 节点有关 节点初始化 节点内容分类 节点成员的布局方式 节点配置 一些节点触发事件 面板的配置 连接点的配置 右键点击配置 节点数据 固定属性 监听API 空白背景点击事件 监听删除事件 监听节点文本框修改事件 监听节点生成事…

继续阅读 【GoJS使用】GoJS在vue中的入门使用教程