1.需求：点击商场跳转到商业体列表解决方案： 元页面： a标签中添加跳转函数 <a class="orderBtn1 sIRicon2" href="javascript:void(0);" rel="external nofollow" @click="toMallInfo(M000989)"><i class="sIRicon"></i>商场</a>toMallInfo: function(mallCode){this.$router.push({path: /propertyInfo/mall/mallList,// name: mallList,query: {mallCode: M000989}})},将将跳转的url添加到 $router中。 path 中的url 最前面加 /...
在开始本篇的主题之前，让我们把上次遗留下来的问题都清理一下： 将其他组件中 axios 请求的地方封装起来。 这里就不把代码放在开头了，相关代码都放在文末，有兴趣了解的童鞋可以先往下翻。 好了， 我们现在把上篇剩下的任务给完成了，接下来我们来正式开始本篇内容吧。 去重是什么 字面上意思：去除重复，在项目中，不可避免的会出现重复代码。但是如果不好好去处理这些重复代码，那很有可能就会给你很多“惊喜”。 如何为“重复...
vis.js 网站 https://visjs.org/ vs code 下安装命令 npm install vis-network 在vue 下引入 vis-network组件 const vis = require("vis-network/dist/vis-network.min.js"); require("vis-network/dist/vis-network.min.css");例子代码使用let DIR = "/jtopo/"; let nodes = [ { id: 1, shape: "circularImage", image: DIR + "server.png" }, { id: 2, shape: "circularImage", image: DIR + "server.png" }, { id: 3, shape:...
jTopo 帮助说明网站 http://www.jtopo.com/index.html 使用例子： http://www.jtopo.com/demo/helloworld.html 不建议直接安装 github 上的代码，因为代码版本不是最新，有部分功能未实现。下载最新的js类库文件放到 vue 项目 public 文件夹下。 引入 import "/jtopo/jtopo-0.4.8-min.js"; <template> <div> <PanelBase title="拓扑图"> <div slot="head-btns" class="panel-head-btns"></div> <div slot="body-content"> <s...
熟悉vue的人都知道在vue2.x之前都是使用object.defineProperty来实现双向数据绑定的 而在vue3.0中这个方法被取代了 1. 为什么要替换Object.defineProperty 替换不是因为不好，是因为有更好的方法使用效率更高 Object.defineProperty的缺点：1. 在Vue中，Object.defineProperty无法监控到数组下标的变化，导致直接通过数组的下标给数组设置值，不能实时响应。 push() pop() shift() unshift() splice() sort() reverse()2. Object.d...
前言 今天被这个关于m3u8视频播放不了搞了一下午，这个项目所有的视频流都是m3u8格式的，后台给我们返回的都是m3u8格式的视频流，解决了好长时间，看了好多博客，只有这个博客给我点启发，去解决这个问题，请查看。会使用两种方法来解决这个问题 第一种方法1.在vue中安装下面这些插件 cnpm install video.js --save ccnp install videojs-contrib-hls --save网上有说video.js版本太高不能使用，不能使用7以上的版本，用5版本的，最...
前言 在项目开发中我们难免碰到需要对webpack配置更改的情况，今天就主要来讲一下在vue.config.js中对一些配置的更改，简单介绍一下loader的使用；用configureWebpack简单的配置；用chainWebpack做高级配置；包括对loader的添加，修改；以及插件的配置 1、首先简单介绍一下webpack中loader的简单使用： loader：是webpack用来预处理模块的，在一个模块被引入之前，会预先使用loader处理模块的内容，在你打包的时候对某些内容需要lo...
安装cesium在已有项目中执行, npm i cesium修改配置build/webpack.base.conf.js1、定义 Cesium 源码路径const cesiumSource = ../node_modules/cesium/Sourceuse strict const path = require(path) const utils = require(./utils) const config = require(../config) const vueLoaderConfig = require(./vue-loader.conf) //--cesium--配置 const cesiumSource = ../node_modules/cesium/Source; 2、在output 里加入sourcePrefix...
最近还是在痛苦的挣扎中挣扎吧 记录一下在vue项目中如何实现跳转到一个新页面（一个比较简单又比较基础的问题了），有两个方法：1、<vue-link>标签实现新窗口打开官方文档中说 v-link 指令被 <router-link> 组件指令替代，且 <router-link> 不支持 target="_blank" 属性，如果需要打开一个新窗口必须要用<a>标签，但事实上vue2版本的 <router-link> 是支持 target="_blank" 属性的(tag="a")，如下： <router-link target="_blank" ...
记录一下在vue项目中如何实现跳转到一个新页面（一个比较简单又比较基础的问题了），有两个方法： 1、<vue-link>标签实现新窗口打开 官方文档中说 v-link 指令被 <router-link> 组件指令替代，且 <router-link> 不支持 target="_blank" 属性，如果需要打开一个新窗口必须要用 <a> 标签，但事实上vue2版本的 <router-link> 是支持 target="_blank" 属性的(tag="a")，如下： <router-link target="_blank" :to="{path:/home,query:{i...
这段时间用 Vue2.0 开发项目，每次打包都会用到 npm run build 命令，但是每次部署时给后端发包都要手动zip压缩，这样一两次还行，但遇到项目板块测试和临时加急功能测试的时候，一天可能就要打包好多次，这就很烦了。所以索性在执行 npm run build 命令时就直接打包成zip文件，方便省事！ 1、插件装备webpack插件：filemanager-webpack-plugin，该插件可执行打包，复制，移动，删除文件以及新文件夹在build之前及之后创建。安装：...
前言Vue3.x 即将来袭，使用 TypeScirpt 重构，TypeScript 将成为 vue 社区的标配，出于一名程序员的焦虑，决定现在 Vue2.6.x 踩一波坑。vue 官方文档已经简略地对 typescript 的支持进行了介绍，我们使用 Vue Cli3 直接生成项目创建项目 ?为什么使用 Vue Cli3 构建项目官方维护，后续升级减少兼容性问题 使用以下配置进行项目的生成： Babel 对 Ts 进行转译TSLint 对 TS 代码进行规范，后续会使用 prettier 对项目进行编码的统一默...
简介： WebUploader是由 Baidu WebFE(FEX) 团队开发的一个简单的以 HTML5为主 ， FLASH为辅 的现代 文件上传组件 。在现代的浏览器里面能充分发挥HTML5的优势，同时又 不摒弃主流IE浏览器 ，沿用原来的FLASH运行时， 兼容IE6+，iOS 6+, android 4+ 。两套运行时，同样的调用方式，可供用户任意选用。采用 大文件分片并发上传 ，极大的提高了文件上传效率。 分片、并发 分片 与 并发 结合，将一个大文件分割成多块， 并发上传 ，极大...
1、foreachforeach循环对不能使用return来停止循环search(keyword){var newList = []this.urls.forEach(item =>{if(item.name.indexOf(keyword) != -1){newList.push(item)}})return newList}2、filteritem对象就是遍历数组中的一个元素，includes是es6中的新方法，在search方法中直接返回新数组search(keyword){return this.urls.filter(item =>{if(item.name.includes(keyword)){return item}})} 3、findIndex返回true后index就可...
1."引入markedpackage.json "dependencies": {"marked": "^0.3.9" } import marked from "marked"; 1.修改生成的HTML的方法const renderer = new marked.Renderer(); //https://github.com/markedjs/marked/issues/655#issuecomment-383226346 const linkRenderer = renderer.link; renderer.link = (href, title, text) => {const html = linkRenderer.call(renderer, href, title, text);return html.replace(/^<a /, <a target=...