05 2020 档案
摘要:今天项目中需要使用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 、
阅读全文
摘要:给一个元素加以contenteditable属性,那么这个元素就具有可编辑属性。比如给一个div加上这个属性,那么这个div就会像textarea,可以编写内容,而且可以做到高度随内容的变化而变化。 <div style="display: flex;"> <div>收获地址:</div> <div
阅读全文
摘要:效果图如下: /* css 复选框 */ input[type=checkbox] { cursor: pointer; position: relative; } input[type=checkbox]::after { position: absolute; top: 0; backgroun
阅读全文
摘要:前提:今天在做页面的时候,有个页面原型是一条时间轴,而且横向展示,不可以换行,超出时候不用浏览器自带的overflow:auto所产生的滚动条,而是需要类似轮播图的左右按钮一样,实现时间轴的横向滚动。 ps:下面的代码用到了jquery和angular。 /* css样式部分 */ <style>
阅读全文
摘要:// 选中父节点时,选中所有子节点 function getChildNodeIdArr(node) { var ts = []; if (node.nodes) { for (x in node.nodes) { ts.push(node.nodes[x].nodeId); if (node.no
阅读全文