
点滴经验
Aladdin99
前端新手,望前辈们多多指教....
展开
-
如何在Vue中加入Markdown编辑器
1、安装mditor 获取插件地址2、在main文件中引入mditorimport mditor from 'mavon-editor'Vue.use(mditor)3、使用mditor<mavon-editor v-model="content" :toolbars="toolbars" style=""/>...原创 2019-10-10 11:05:14 · 649 阅读 · 0 评论 -
vue中路由重定向
路由匹配展示的过程:当点击a标签(或者直接修改浏览器地址栏中的哈希值)会改变哈希值当哈希值发生改变,Vue路由就会监听到这个变化当路由监听到哈希值改变以后,就会用配置好的路由规则来匹配当前的哈希值当哈希值被匹配成功,就会将当前路由规则对应的组件展示在页面中 router-view 中land.vue界面<template> <div id="land">...原创 2019-10-08 08:56:02 · 1295 阅读 · 0 评论 -
技巧:如何在不刷新页面的情况下获取cookie/localStorage的值?
引言故事的背景:在一个页面内,通过路由给在同一个页面的组件传递参数。显然可以通过 Vue路由跳转伴随传递参数 这篇文章的多种方式进行传值。然而路由传递参数后,接收参数的那个页面必须通过 mounted 首次刷新后才生效,也就是说必须有刷新页面这一过程。但是现在,我们路由传递是在同一个页面内,想要实时获取参数变化,就不能去刷新页面。那么要怎么去获取呢?首先我想的是把参数值存在 cookie...原创 2019-10-07 20:29:55 · 2691 阅读 · 0 评论 -
解决右侧出现滚动条页面抖动的问题
在页面内容没有占满屏幕时右侧不会出现滚动条,当再加载内容时页面会出现右侧滚动条,页面宽度由于是auto,整个页面会向左移动解决办法: html { overflow-x: hidden; overflow-y: auto; } body { width: 100vw; ...转载 2019-10-07 16:24:25 · 2768 阅读 · 0 评论 -
关于axios进行跨域请求时的问题处理
跨域问题 报错1(接口文件未处理跨域)说明:这个错误是 “已被CORS策略阻止:请求的资源上不存在“访问控制允许源”头。”解决方法:在接口文件头部加这一句:header('Access-Control-Allow-Origin:*');php 文件:<?php header("Content-type: text/html; charset=utf-8"); header('...原创 2019-10-07 12:24:49 · 1677 阅读 · 1 评论 -
HTML中 "符号" 的 解码 与 转码
1.用正则表达式实现 html 转码htmlEncodeByRegExp(str) { var s = ""; if(str.length == 0) return ""; s = str.replace(/&/g,"&"); s = s.replace(/&...原创 2019-10-07 02:18:50 · 1133 阅读 · 0 评论 -
Vue路由跳转伴随传递参数
方法1、使用$router.push 拼接参数传参this.$router.push('/editCardetail?editType=add')方法2、 使用name来确定匹配的路由,通过params来传递参数this.$router.push({ name: 'login', params: { ...转载 2019-10-06 20:12:25 · 292 阅读 · 0 评论 -
vue渲染列表时报错 [Vue warn]: Avoid using non-primitive value as key, use string/number
进入页面报错,如下:原代码,如下:<li v-for="item in this.new_list[0]" :key="item"> <el-container> <el-header> <div class="title">{{item.title}}</div> ...原创 2019-10-06 11:09:23 · 1140 阅读 · 0 评论 -
文本换行符/空格符怎么在HTML中进行转换?
从数据库中取到的text文本段落,段落里面的换行符无法直接在HTML中显示,如下:而数据库中的段落是正常:解决方案:(1)因为数据库文本text里的段落换行编码是 'r\n\' ,所以这边就可以采用将其全局替换为 '<br/>' 来实现换行。例如: str = str.replaceAll(/\r\n/g,'<br/>');说明: str.replace(...原创 2019-10-06 11:08:23 · 13999 阅读 · 0 评论