摘要:
1、以element-ui中的上传附件为例,读取上传附件的内容 上图中的截图是el-upload组件上传附件后返回的内容,其中raw字段的值便是文件的信息,如果我们想要读取文件中的具体信息,用以下方式: 1 let reader = new FileReader(); 2 reader.readAs 阅读全文
摘要:
1 function keywordscolorful(str, key) { 2 var reg = new RegExp("(" + key + ")", "g"); 3 var newstr = (str || "").replace( 4 reg, 5 "<font style='color 阅读全文
摘要:
list是个一维数组数据,每项数据中有id和pid,id是自己的唯一标识符,pid是自己父级的id。 1 let list = [ 2 {name:"1",id:"1"}, 3 {name:"1-1",id:"1-1",pid:"1"}, 4 {name:"1-1-1",id:"1-1-1",pid 阅读全文
摘要:
// nodes就是树形的最原始数据,query就是关键字,最后会返回满足条件的节点数组 function filter(nodes, query) { // 条件就是节点的title过滤关键字 let predicate = function (node) { if (node.title.ind 阅读全文
摘要:
1. 服务端地址:http://xxx.xxx.xxx.xxx:8088 2. 本地项目地址:http://192.168.229.44:1234/demo/#/ 1.当我们本机可以ping通xxx.xxx.xxx.xxx时,在地址栏输入http://xxx.xxx.xxx.xxx:8088/rcc 阅读全文
摘要:
在vue项目中我们经常需要对数据进行处理,比如需要将时间戳处理成时间节点,或者将时间节点处理成时间戳等等。 在项目中可以注册全局过滤器,也可以在组件中注册过滤器。 1、 注册全局过滤器 ps:注册全局过滤器,必须在new Vue实例之前注册。Vue.filter() 1 Vue.filter(名称, 阅读全文
摘要:
今天项目中需要使用tinymce编辑器,结果安装这个编辑器依赖后,在使用中遇到各种问题,不能正常使用,分享一下遇到的问题和解决方式。 ps:我使用的是tinymce@5.2.2版本。 1. 首先安装编辑器tinymce依赖 1 npm install --save tinymce@5.2.2 2. 阅读全文
摘要:
一、Vuex是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 二、vuex的5个核心属性: 1. state:vuex的基本数据,用来存储变量,可以把它是为vue中的data。 2. 阅读全文
摘要:
ps: 以下是vue-router的基本使用,从引入路由依赖开始,大佬绕路,小白可以瞧一瞧,不对的地方多多指教。 在vue项目中如何使用vue-router? // 可以先跳过下面两个ps内容 ps 1:路由中几个容易混淆的字段:router,routes,route。 router:路由对象,经常 阅读全文
摘要:
组件之间如何通信,组件之间不同的关系,有不同的通信方式。 (1)公用通信方式 :vuex 不论组件是什么关系,都可以使用vuex,vuex状态管理器,可以把共享公共的数据都存储在这里,里面也有改变数据的方法。 (2)父子组件通信方式: props/$emit 、$parent/$children 、 阅读全文