在提交前先用正则：var content = this.content.replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, ' '); （此处content为textarea输入值）展示的时候用下v-html命令就可以了：<p

 文章转载自：https://segmentfault.com/a/1190000013173840前端小伙伴们都知道Font Awesome图标库，它具有丰富的常用图标，笔者开发时也经常使用，省却了自己到处找图标的困扰，当然阿里的iconfont也不错，不过它比较杂乱，找的图标有时候不是配套的，尺寸和比例上有些偏差，即使你只使用某一个图标库的图标难免也会有收录不全的情况（这是笔者的使用体...

一、排序算法默认比较函数const compareFunc = ( a, b) => a-b;1）冒泡排序//1.冒泡排序 两两比较 大的往后挪const bubbleSort = (array, compareFunc) => {//外层循环控制进行多少轮排序 内层循环把当前项和下一项做比较for (let i= 0; i<ar...

在使用Echarts时我们数据一般不是静态写死的，而是通过后端接口动态获取的，在此总结两种在vue框架下Echarts使用动态数据的方式。1.通过computedcomputed: {options() {let that = this;let option = {tooltip : {trigger:...

一. 数据格式  1.数组方式：         [            {"key1": "value1"},            {"key2": "value2"}        ]  2. 对象方式：     {          “key1: "value1",           &

 文章转载自：https://segmentfault.com/a/1190000013173840前端小伙伴们都知道Font Awesome图标库，它具有丰富的常用图标，笔者开发时也经常使用，省却了自己到处找图标的困扰，当然阿里的iconfont也不错，不过它比较杂乱，找的图标有时候不是配套的，尺寸和比例上有些偏差，即使你只使用某一个图标库的图标难免也会有收录不全的情况（这是笔者的使用体...

在vue单文件组件开发中我们通常会在&lt;style&gt;标签上加上scoped属性 &lt;style scoped&gt;, 使用scoped之后样式只影响组件自身，这样可以避免影响到其他组件，如果不加该样式作用范围是全局的。但有时候我们需要改变其他组件的样式，比如 比较常见的 引入第三方组件 , 我们需要修改样式时，就需要用到深度选择器如 &gt;

左侧导航栏开发有时候会遇到一级标题右边需要上下箭头切换的效果，后台管理系统中有时候会用到，先上效果图。未点击的效果，左侧导航标题箭头是向下的点击后，对应的二级列表显示出来，箭头变为向上二级列表展示隐藏用的是bootstrap, 上下箭头图标用的是Font Awesome，箭头切换用的是jQuery,我是在vue单文件组件中使用。代码如下：invisible样式是bo...

在Vue项目中使用了eslint，控制台一直会显示一些可以忽略的提示，很烦人，于是把碰到的整理如下：屏蔽某项限制都是在项目目录下.eslintrc.js文件，rules项下修改，没有对应内容就增加一条。1. Expected linebreaks to be 'LF' but found 'CRLF' linebreak-stylerules项， 添加一条...

在vue项目中我们一般会用到Vuex对数据进行管理，但我们刷新页面时，store数据会全部丢失，如何解决呢？其实很简单，使用vuex的插件来把store中的数据缓存到本地就好了，我用的是vuex-persistedstate，应该还有其他插件。使用方法如下：1.先安装vuex-persistedstatenpm install --save vuex-persistedstate2.在...