![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
浊清。。。
这个作者很懒,什么都没留下…
展开
-
h5开发后退拦截,刷新或者跳转后后退不会多次拦截
在移动端开发中,经常有一些编辑页面要防止用户手势后退,这边用到vue和vantmounted() { // 进来是先push一个历史记录进去 history.pushState(null, null, document.URL); // 添加返回监听 window.addEventListener("popstate", this.onBack) }, methods: { onBack () { Dialog.confirm({原创 2022-04-01 18:03:13 · 1024 阅读 · 0 评论 -
在vue中应用ueditor引入秀米,支持图片以及背景图抓取
https://blog.csdn.net/qq736150416/article/details/86503860原创 2020-07-31 16:02:38 · 1312 阅读 · 0 评论 -
v-html遇到/n未换行
添加样式: style=“white-space: pre-wrap;”<div v-html="content" style="white-space: pre-wrap;"></div>原创 2020-03-19 19:04:02 · 1579 阅读 · 0 评论 -
vue首屏加载过慢问题处理
1.路由懒加载{ path: '/home', name: 'home', component: () => import('@/view/files/index.vue') }2.cdn代替npm本地引入,这边用: bootcdn在index中引入<body> <div id="app"></div>...原创 2019-12-17 19:08:21 · 415 阅读 · 0 评论 -
处理vue-cli3热加载过慢问题
安装npm install babel-plugin-dynamic-import-node --save-dev在 .babelrc文件中添加"env": { "development": { "plugins": ["dynamic-import-node"] } }原创 2019-12-17 18:55:32 · 1675 阅读 · 0 评论 -
vue使用wangeditor富文本编辑器,以及问题归纳
官网请移步:http://www.wangeditor.com/1.添加// 安装npm install wangeditor -s2.简单使用封装:// 引入wangeditor以及样式import Editor from 'wangeditor'import 'wangeditor/release/wangEditor.min.css'export default { ...原创 2019-12-10 19:17:14 · 1970 阅读 · 6 评论 -
vue-cli设置代理
项目存在跨域情况,我们可以通过vue.config.js 中的 devServer.proxy 选项来配置该配置在vue.config.js下devServer: { proxy: { '/api': { // 已/api开头的 target: 'http:后端地址', // 后台接口域名 ws: true, ...原创 2019-11-28 18:02:02 · 385 阅读 · 0 评论 -
vue-cli3配置less全局,无需一个个文件引入
主要应用到style-resources-loader// 安装依赖npm i style-resources-loader -dev然后再添加vue add style-resources-loader安装过程中会让你选择选用哪项,这边选择less然后在 vue.config.js中会自动生成一个配置 pluginOptions,配置一下自己的路径module.export...原创 2019-11-28 11:30:05 · 695 阅读 · 0 评论 -
vue的addRoutes很多警告
在使用addRoutes时,有时控制台警告Duplicate named routes definition:…。偶尔会导致菜单重复,而且控制台一大堆警告看了也很不爽这个警告第一次登陆不会触发,点退出以后第二次登陆就触发了,主要是路由不会移除原有的路由,导致name重复了,虽然强制刷新一下也能处理,但是用户体验差。处理方式如下,在addRoutes添加router.matcher = cre...原创 2019-11-26 14:51:59 · 764 阅读 · 0 评论 -
vue动态路由变化页面不重新加载问题,实现方式比较简单,就是有点鸡贼
由于使用了动态路由,有时候页面需根据路由来动态变化,整个页面需要重新加载,但是地址指向同一个,这边用了一个比较取巧的方式将整个页面封装成一个子组件 children => formTe<template> <div> <formTe v-if='showNum/2 === 0' :key='showNum'></formTe>...原创 2019-07-24 10:05:53 · 2942 阅读 · 0 评论 -
vue的跳转方式(打开新页面)
router-link跳转 // 直接写上跳转的地址 &amp;amp;amp;lt;router-link to=&amp;amp;quot;/detail/one&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;span class=&amp;amp;quot;spanfour&amp;amp;quot; &am原创 2018-11-22 10:43:21 · 15344 阅读 · 0 评论 -
vue使用极验
1.在vue中使用级验gt.js文件的时候,参考:https://blog.csdn.net/XiaoYi0215/article/details/79921967在我这边个人使用过程中,缺少了这两句,一直出不来,放置在闭包最后,个人文件放置在libs下window.initGeetest = initGeetest;return initGeetest;2.当然,现在使用起来也是特...原创 2018-11-23 15:25:29 · 2519 阅读 · 0 评论 -
vue学习
数据不实时更新 1.当数据为数组或者对象时, $set(this, 'key', value)可以处理解决 2.可以用watch监听数据变化,如echarts在数据更新时不同步更新 watch: { detailChar () { this.$nextTick(() => { this.init() }) }}, solt用于...原创 2018-12-21 17:34:19 · 496 阅读 · 2 评论 -
Vue获取Quill的焦点
1.html代码片段<div class="quill-editor" ref='textfocus' @focus="parentidfocus" style="width:100%;height:330px;" v-model="content" v-quill:myQuillEditor="editorOption">原创 2019-01-10 11:54:57 · 1883 阅读 · 2 评论 -
vue的index.html引入js或css文件刷新后失效问题
当vue的router模式设置为mode: 'history'时,全局引入 js 或者css在页面刷新后会失效可参考官网https://router.vuejs.org/zh/guide/essentials/history-mode.html设置另简单的两种方法1.将mode: 'history'注释掉,变成 hash 模式,此时刷新不会有问题2.在index.html引入的时候...原创 2019-03-05 17:39:36 · 8213 阅读 · 8 评论 -
vue/iview的table单元格可编辑,可上下键切换,小键盘enter可选中下一个
在开发过程中,前后至今遇到好几次的编辑输入框编辑情况,4.24之前的版本,虽然改进好几次操作,但是都是用render函数实现,发现有时并不是很好操作,而且隐藏好几个bug,今天(2019-7-19)发布一个新版,目前无发现bug,而且监听键盘更灵活。废话不多说,上代码2019-04-24版本因为需要多列可编辑表格,直接用render函数,isNum代表这个数是否需要只允许输入小数点...原创 2019-03-15 14:36:43 · 3391 阅读 · 14 评论 -
iview默认排序序号不变
在iview设置sortable为true时,组件默认排序,如果有分页的话,排序会发生变化,然后想了一种笨方法处理<Table ref="table" @on-sort-change="sortChange" :columns="columns" :data="data"></Table>// 表格样式<script>// 设置一个全局变量ord...原创 2019-04-24 11:05:10 · 1405 阅读 · 2 评论 -
vue省市联动
转自https://www.cnblogs.com/xiaoxiaossrs/p/9155800.html感谢作者的分享,这里主要记录下来以后方便自己主要是基于element-ui,效果图如下<div class="block"> <span class="demonstration">国家/省份/城市/地区</span> ...转载 2019-05-09 13:34:55 · 510 阅读 · 0 评论 -
iview表格颜色可动态配置
由于新的功能需求,需要对表格颜色进行动态的配置,iview内部本身有对表格进行颜色设置,但是由于样式都需要提前写好,无法动态配置,所以自己在iview的基础上对dom树进行操作,但会一定程度上影响性能,这里仅展示对单元格颜色设置1.首先看一下自带的表格,可以看官网:https://www.iviewui.com/components/table#ZDYLMB从图中可以看到,单元格可以设置ce...原创 2019-05-30 17:52:59 · 4019 阅读 · 0 评论 -
vue表单限制汉字输入
1.不能输入汉字 <x-input v-model="userInfo.newPwd" class="user__input" :type="pwdShow? 'text':'password'" placeholder="请输入密码" @input='inputFun'></x-input> //绑定inputFun事件//在methods中定义函数meth原创 2018-11-01 14:20:23 · 2217 阅读 · 1 评论