随笔分类 - Javascript
摘要：问题描述： 第一次进入页面，左侧静态路由和动态路由列表均能正常显示，但点击左侧其他路由后浏览器报警告[vue-router] Duplicate named routes definition…,并且跳转失败。 动态路由的概念： 一般来说是通过后端接口返回拿到数据，不同人不同权限，返回的数据也不同。
阅读全文
摘要：问题描述：在做使用vue-router动态添加路由的方法，addRouter添加，使用 console.log(this.$router.options.routes) 打印对象，发现添加成功，但是一直提示：Duplicate named routes definition错误原因：路由中有重复的名
阅读全文
摘要：参考：https://deyihu.github.io/src/maptalks-tileLayercollection/examples/?tdsourcetag=s_pcqq_aiomsg 以下url中： Z-瓦片层级，一般支持0-18级，越大代表越清晰； X-瓦片列号，从西向东（0->360）
阅读全文
摘要：今天在开发的时候，项目报了一个警告 Duplicate named routes definition ，这里记录一下解决方式和思路。 警告产生的原因根据提示内容，我们大概猜测是和路由的name有关，上网了解了一下，验证了我们的猜测是正确的。警告是由于路由的name 重复导致的。（原理？who ca
阅读全文
摘要：现在是时候实践你新获得的调试知识了。 我们刚好有一个完美的机会。 在我们的 Tailwind Traders 应用中，我们正在开发一项新功能：允许以多种货币显示产品的价格。 一位同事为这一目的编写了一些代码，但却没办法找出是哪里出了问题。 我们来帮帮忙。 在计算机上打开 Visual Studio
阅读全文
摘要：二,正则表达式 1,什么是正则表达式 是一种规范,对字符串格式进行验证的规范 不用自己写,常用的正则表达式,网上都有,只要会使用就可以 2,定义方法 字面量 var reg = /正则表达式/ 常用方法 构造函数 var reg = new RegExp('正则表达式') 3,正则方法 正则表达式.
阅读全文
摘要：问题描述： 基于Vue的前后段分离开发项目中<img :src />标签中引用vue的data属性中定义的图像地址失败，如下图所示： 解决办法： 修改后写法，加上require即可。如下图所示：
阅读全文
摘要：1、在某一指定目录下，按下shift+鼠标右键，，点击“在此处打开Powershell窗口(S)”，启动命令行窗口。如下图： 2、在窗口中输入以下命令以便创建项目：vue create mockjsdemo 3、项目的创建步骤和配置选择与一般的创建Vue项目一样，不再废话。不太熟悉的朋友可参考：vu
阅读全文
摘要：快速入门教程基本涵盖了大多数的CesiumJS API概念，主要用于Cesium基本入门，对Cesium有全面基本的了解和使用 一、概述本教程会一步一步教会你做一个项目，主要介绍如下内容： 配置1个Cesium viewer加载各种数据集创建几何和设置样式加载3D Tiles控制相机添加鼠标交互学完
阅读全文
摘要：随着前端开发的不断发展，CSS也逐渐延伸出了很多新的语言，less和Sass就是其中两种，下面我们就一起来看看它们到底有何区别。 SASS和LESS SASS（英文全称：Syntactically Awesome Stylesheets）Sass 诞生于 2007 年，使用Ruby 编写，是一种对c
阅读全文
摘要：饿了么组件中el-menu el-submenu el-menu-item三者之间的关系： 1、<el-menu>是菜单标签，里面可以包括：<el-submenu>和<el-menu-item>。 2、<el-submenu>是子菜单标签，里面可以包括：<el-submenu>和<el-menu-i
阅读全文
摘要：目的：Vue - ElementUI中循环渲染表格，控制字段的显示与隐藏 v-if与v-for同时使用。 在Vue中使用v-for循环一个数组/对象时，如果再使用v-if，那么会提示使用计算属性(能正常使用)，因为Vue中是不提倡v-for与v-if同时使用的。在我的项目中也遇到了问题，不过翻看文档
阅读全文
摘要：1、NProgress 简介及使用教程 2、NProgress 使用 3、源码下载地址
阅读全文
摘要：vue项目中使用clipboard实现剪切板复制
阅读全文
摘要：参考链接： 1、vue项目中app.vue 、main.js和 index.html的关联 2、Vue中index.html、main.js、App.vue，之间关系 3、关于Vue中main.js，App.vue，index.html之间关系进行总结
阅读全文
摘要：框架：vue-cli（vue脚手架） 例：以cdn引入腾讯防水墙为例 前因：在html的head中引入外部cdn链接， 在vue文件中直接使用，如图： 结果：如图报错。 解决办法： 1. 在index.html中的head中引入， 2.在webpack.base.conf.js中配置 module.
阅读全文
摘要：本文主要介绍lottie-web动画库在HTML5页面中和在vue项目中的两种使用方式。 1、在HTML5页面中的使用方式 具体使用步骤详见下面的代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta na
阅读全文
摘要：主要内容上次介绍了什么是OpenLayers以及其他的可以GIS工具，这次说说如何基于Vue搭建OpenLayers的项目，并且实现地图的加载。 一、vue项目搭建1.全局安装vue-cil npm install --global vue-cli2.创建一个文件夹用于存放项目 3.进入项目文件夹，
阅读全文
摘要：Type of the default value for 'data' prop must be a function的解决方法 问题现象 在写形如prop: {type: Array; default: []}的代码时,eslint常会出现这样的错误提示。 错误原因 prop的默认值data必须
阅读全文
浙公网安备 33010602011771号