vue中url带有#号键，去除方法

在写vue项目中,发现路由跳转总是带有#,在获取数据中带来不必要的麻烦,如果我们不希望路由中出现 # ,那怎么办呢? 解决办法: 在router ---->index 中添加代码 mode:'history'(去除路由地址中的#)…

在vue中使用echarts有两种方法一.第一种方法1.通过npm获取echarts npm install echarts --save 2.在vue项目中引入echarts 在 main.js 中添加下面两行代码 import echarts from 'echarts' Vue.prototype.$echarts = echarts 注:import echarts from 'echarts' 引入echarts后,不能全局使用echarts,所以通过Vue.prototype将ech…

vue中push()和splice()的使用方法

vue中push()和splice()的使用方法 push()使用 push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度.注意:1. 新元素将添加在数组的末尾. 2.此方法改变数组的长度. splice()使用 splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目注意:这种方法会改变原始数组语法: array.splice(index,len,item1,.....,itemX) index: 必需,数组开始下标 (必须是数字) len: 替换/删除的长度(必须…

vue中的表单异步校验方法封装

在vue项目的开发中,表单的验证必不可少,在开发的过程中,用的是vue+iview的一套,我们知道iview的表单验证是基于async-validator,对于async-validator不熟悉的可以去官网看看,https://github.com/yiminghe/async-validator: 1.普通的自定义验证 <Col span="24"> <FormItem label="确认密码" prop="passwordrepea…

vue中常见的问题以及解决方法

有一些问题不限于 Vue,还适应于其他类型的 SPA 项目. 1. 页面权限控制和登陆验证页面权限控制页面权限控制是什么意思呢? 就是一个网站有不同的角色,比如管理员和普通用户,要求不同的角色能访问的页面是不一样的.如果一个页面,有角色越权访问,这时就得做出限制了. 一种方法是通过动态添加路由和菜单来做控制,不能访问的页面不添加到路由表里,这是其中一种办法.具体细节请看下一节的<动态菜单>. 另一种办法就是所有的页面都在路由表里,只是在访问的时候要判断一下角色权限.如果有权限就允许访问,没…

用Vue中遇到的问题和处理方法(一)

用Vue开发项目有一段时间,在实际项目中遇到一些问题,在里把问题记录下来,并附上解决方案,给遇到同样的问题的码友提供一个解决思路吧: 测试部抛出问题一:在Vue1.0路由vue-router中,当点击菜单一个组件加载出来表格列表,输入查询条件查询,当在单击这个菜单后表格的数据没有重置查询条件和查询结果. 原因分析:Vue路由在页面渲染一个组件后加载后,再加载这个组件,组件不会摧毁后在重新生成这个组件,不会重新触发组件的生命周期中的方法.代码如下: <!DOCTYPE html> <htm…

用Vue中遇到的问题和处理方法

用Vue开发项目有一段时间,在实际项目中遇到一些问题,在里把问题记录下来,并附上解决方案,给遇到同样的问题的码友提供一个解决思路吧: 测试部抛出问题一:在Vue1.0路由vue-router中,当点击菜单一个组件加载出来表格列表,输入查询条件查询,当在单击这个菜单后表格的数据没有重置查询条件和查询结果. 原因分析:Vue路由在页面渲染一个组件后加载后,再加载这个组件,组件不会摧毁后在重新生成这个组件,不会重新触发组件的生命周期中的方法.代码如下: <!DOCTYPE html> <htm…

Dynamics CRM 站点地图中URL的&号编码问题

现在大多数人对站点地图的操作都通过工具来执行,但如果你使用原始的编辑XML方式,并且你的SubArea中对应的不是某个Entity而是一串URL时,要注意了你的URL中如果带有与符号即&,那就必须要对它进行编码即"&",不然在你导入解决方案时会爆xml验证失败错误. 正确: <SubArea Id="new_customSubArea" Url="http://mysite/mypage.aspx?parameter1=value&a…

vue中如何引入全局样式或方法

vue中我么会经常用到通用的一些全局的方法,如何左才能实现全局的复用减少代码累赘呢? 我们一般将公用的方法分装再utils.js文件中,然后再main.js主入口文件中将utils.js中的公共的方法通过@import引入进来即可,或者我们通过再main.js中设置Vue.prototype.xxx = function () {};来设置全局通用的方法: 样式的复用也是一样的道理,我们可以通过再assets/styles中通过index.css文件将所有的通用样式再main.js文件中导…

Vue中组件通信的几种方法（Vue3的7种和Vue2的12种组件通信）

Vue3组件通信方式: props $emit expose / ref $attrs v-model provide / inject Vuex 使用方法: props 用 props 传数据给子组件有两种方法,如下方法一,混合写法 // Parent.vue 传送 <child :msg1="msg1" :msg2="msg2"></child> <script> import child from "./chil…

在vue中使用sass的配置的方法

1.安装sass的依赖包 npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass 2.在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.sass$/, loaders: ['style', 'css', 'sass'] } 如下图所示: 3.在APP.vue中修改style标签 <style lang=&quo…

在vue中添加sass的配置的方法

1.安装sass的依赖包 npm install --save-dev sass-loader //sass-loader依赖于 node-sass npm install --save-dev node-sass 2.在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.sass$/, loaders: ['style', 'css', 'sass'] } 3.在APP.vue中修改style标签 <style lang="scss…

vue中监听返回键

问题:在项目中,我们常常有需求,当用户在填写表单时,点击返回的时候,我们希望加一个弹窗,确认离开吗,确认将保存为草稿解决方案:利用 H5的 pushstate(个人理解为增加页面栈)特性与onpopup事件分析:pushstate 从该方法名我们可以知道是增加某种状态,会为history对象的length增加长度, 点击返回键的时候会触发onpopup事件(可以联想到 pop其实是数组删除的最后一个元素,符合 ‘栈’ 的思想): onpopup触发返回上一页,而 pushstate仅仅是…

vue 中使用 AJAX获取数据的方法

在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: <script type="text/javascript"> new Vue({ el:'#app', data:{data:""}, created:function(){ var url="json.jsp"; var _self=this; $.get(url,function(data){ _se…

JavaScript中url 传递参数(特殊字符)解决方法及转码解码的介绍

有些符号在URL中是不能直接传递的,如果要在URL中传递这些特殊符号,那么就要使用他们的编码了.下表中列出了一些URL特殊符号及编码十六进制值 1. + URL 中+号表示空格 %2B 2. 空格 URL中的空格可以用+号或者编码 %20 3. / 分隔目录和子目录 %2F 4. ? 分隔实际的 URL 和参数 %3F 5. % 指定特殊字符 %25 6. # 表示书签 %23 7. & URL 中指定的参数间的分隔符 %26 8. = URL 中指定参数的值 %3D 解决的方法: rep…

vue中数据请求的三种方法

注意请求可能存在跨域问题,需要去配置好这三种建议使用axios 1.resource Vue 要实现异步加载需要使用到 vue-resource 库. Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求. 先导入一个线上cdn的地址,当然还可以去npm安装,但个人觉得这种方便 <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></scri…

JavaScript中url 传递参数(特殊字符)解决方法

有些符号在URL中是不能直接传递的,如果要在URL中传递这些特殊符号,那么就要使用他们的编码了.下表中列出了一些URL特殊符号及编码十六进制值1. + URL 中+号表示空格 %2B2. 空格 URL中的空格可以用+号或者编码 %203. / 分隔目录和子目录 %2F4. ? 分隔实际的 URL 和参数 %3F5. % 指定特殊字符 %256. # 表示书签 %237. & URL 中指定的参数间的分隔符 %268. = URL 中指定参数的值 %3D…

vue中处理过内存泄露处理方法

1>意外的全局变量函数中意外的定义了全局变量,每次执行该函数都会生成该变量,且不会随着函数执行结束而释放. 2>未清除的定时器定时器没有清除,它内部引用的变量,不会被释放. 3>脱离DOM的元素引用一个dom容器删除之后,变量未置为null,则其内部的dom元素则不会释放. 4>持续绑定的事件函数中addEventListener绑定事件,函数多次执行,绑定便会产生多次,产生内存泄漏. 5>绑在EventBus的事件没有解绑 6>闭包引起内存泄漏比如事件处理回调,导致D…

vue中前端处理token过期的方法与axios请求拦截处理

在处理token过期的这个问题上困扰了我很久,现在终于解决的了,所以分享出来给大家,希望能够对大家有所帮助. 首先,当然是路由进行拦截,路由拦截当然是在beforeEach中了: router.beforeEach((to, from, next) => { iView.LoadingBar.start(); //Util.title(to.meta.title, router.app); Util.title(to.meta.title); if (Cookies.get('locking')…

vue中moudles的作用及使用方法

1.作用:vuex允许把store分割为模块,每一个模块都有自己的state,actions,getters,mutations甚至是嵌套一些子模块,从上到下进行同样方式的分割在文件src中创建一个文件夹store,包含index.js就是store.js ,然后再创建文件夹modules文件夹,此文件夹中放的就是模块, import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) import menu from './modules…

输出到网页前台js代码中包含单引号的处理方法

描述:后台输出js到前台,如 <script type="text/javascript"> //<![CDATA[ var aStepData = new Array(); with (aStepData) { push([3, 1,'./l.txt']); push([6, 2,'3' 4'\'5 " ''']); }; //]]> </script> 由于js中包含单引号…

vue中通过js控制页面样式方法

在使用vue.js框架的时候,有时候会希望在页面渲染完成之后,再执行函数方法来处理初始化相关的操作,如果只处理页面位置.宽或者高时,必须要在页面完全渲染之后才可以,页面没有加载完成之前,获取到的宽高不准确.使用过jquery的都知道,有个ready方法可以使用,但vue.js则需要结合watch和nextTick方法来使用. watch():用于观察Vue实例上的数据变动. nextTick:在下次 DOM 更新循环结束之后执行延迟回调. 注:其中 imgHeight 为 watch 的检测对象…

SQLite3中自增主键归零方法

当SQLite数据库中包含自增列时,会自动建立一个名为 sqlite_sequence 的表.这个表包含两个列:name和seq.name记录自增列所在的表,seq记录当前序号(下一条记录的编号就是当前序号加1).如果想把某个自增列的序号归零,只需要修改 sqlite_sequence表就可以了.UPDATE sqlite_sequence SET seq = 0 WHERE name='TableName';也可以直接把该记录删掉: DELETE FROM sqlite_sequence WH…

关于vue中如何配置echarts以及使用方法

ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表. 官网:https://echarts.baidu.com/ 兼容性很好的,数据可视化图标.本章只介绍在vue里面如何配置使用: 你可以使用如下命令通过 npm 安装 ECharts vue2----…

vue中文本域限制字数的方法

用watch方法,来限制字数 <template> <div class="box"> <textarea v-model="title" width="100%" ></textarea> <span>还可以输入{{this.titleMaxLength - this.title.length}}</span> </div> </template>…

vue 中动态绑定class 和 style的方法

先列举一些例子 :class="['content',{'radioModel':checkType}]" :class="['siteAppListDirNode',{open:appitem.open==true}]" :class="['portalCenterMenu',{showNav:!showHideNav,hideNav:showHideNav}]" :class="{shortcutMenuShow:!showHide…

vue项目中使用less或者sass的方法

半年木有更新博客了... 前段时间一直在学习vue,开始记录一下遇到的问题吧这篇文章主要是总结一下vue中使用less或者sass的方法,以less为例(style.less) 主要是两种 1.对于写在vue文件中的less: 所有vue文件的<style lang="less"></style>,会被vue-loader处理编译到一个css文件中,最终自动通过link标签写入index.html(在vue-loader.conf.js中配置) <sty…

vue中的锚点和查询字符串

1.什么是锚点锚点(achor):其实就是超链接的一种. 如:普通的超链接 <a href="sub_task_detail.php">详细</a> 主要实现不同页面之间的跳转带锚点的超链接 <a href="sub_task_detail.php#test"> </a> 可以在同一个页面的不同位置进行点位跳转 2.锚点的使用锚点超链接一定包含井号"#",锚点超链接都在链接的尾端例如:…

vue 中 history 模式的配置和打包

在使用 vue 进行项目开发中,默认的路由形式是 hash,表现形式就是 url 中始终带有 # 号,在后台管理类的项目中并不影响使用,但是在特殊场景,比如微信分享的H5链接中,微信会自动拼接参数,由于 # 的原因,路径中会出现两段由 ? 拼接的部分,为避免这种情况,形成较为规范的 url 形式,可以采用 history 模式 // 路由文件 index.js const router = new VueRouter({ mode: 'history', base: '/aa/', routes…

Vue中浏览器的的前进和后退

项目开发的时候,有时候可能需要我们来对页面后退和前进,这个东西跟浏览器自带的前进后退功能很像,下面来大致讲一下在vue中浏览器的前进和后退一.后退功能 vue中的后退有好多种方法可以使用,使用这些方法前要确认有之前的页面,否则后退就到了一个空页面! 可以通过history.length来获取历史记录的长度 console.log(history.length) 1.window.history对象中保存有页面访问的历史记录,在编写时可不使用 window 这个前缀. 加载历史列表中的前一个UR…