摘要:
Vue3模块化指的是,把HTML和逻辑代码分离,对一个页面有多个复杂的功能时,可以一个功能对应一个文件,提高可读性,复用性,维护性,并且在遇到相同功能展示不同的UI时,可以直接集成某一个功能进行实现。 下面一个小案列: 实列:下面页面实现了两个功能,一个是数字加减,一个是数组添加和删除 1.Home 阅读全文
2021年10月25日
2021年10月21日
摘要:
1.项目根目录创建环境变量代码和指定文件 项目根目录创建下面的文件 本地运行测试环境 1) .env.dev_test # 测试环境 NODE_ENV = 'development' # 测试环境,api前缀 VUE_APP_BASE_API = '/api' #测试环境,Url地址 VUE_APP 阅读全文
2021年9月24日
摘要:
1.普通v-model实现双向绑定的使用 <input type="text" v-model="message"> vue在解释v-model的时候会做一个转化工作,实质是下面这样: <div id="app"> <input type="text" :value="message" @input 阅读全文
2021年9月3日
摘要:
1.根目下创建指定文件 在项目的根目录新建3个文件夹,分别对应开发(dev),测试(test),生产(prod) 文件命名: .env.dev , .env.test , .env.prod 2.刚刚创建的三个文件对应的内容代码 .env.dev NODE_ENV = 'development' V 阅读全文
2021年8月9日
摘要:
效果图 拖动元素进行上下排序 并且回调返回排序结果数组 1.common.js进行封装 // 拖动排序封装//dom:父节点ID名称(必传)//callback:回调函数,返回排序结果(选传) const drag = function(dom, callback) { let node = doc 阅读全文
2021年8月7日
摘要:
只需五步配置完成 本地项目启动命令使用:npm run dev,npm run dev_test、npm run dev_prod 打包环境命令使用:npm run build,npm run build test、npm run build prod 配置分‘本地运行’ 和 ‘打包运行’ 两个文件 阅读全文
2021年6月26日
摘要:
注意:这种方法只能在网页适用,如果是小程序或者app,可能无效。 需求:在请求封装里 根据请求返回的状态 提示不同的弹窗 这样所有操作请求都会有提示 如果不需要提示的 可以在api接口地址进行配置 ,很好的和用户交互 并且可以任意调用 第一步创建文件路径如下结构(下面创建两个文件都放这里) 第二步 阅读全文
2021年6月17日
摘要:
BUG复现: 解决方案: 获取滚动元素容器获取后让下拉框失去焦点 let _this = this // 解决 el-option超出元素区域 setTimeout(() => { let operableTree = null let box = document.getElementById(' 阅读全文
2021年5月21日
摘要:
一,(增)插入文档 1.显示当前所有的数据库 show dbs show databases 2.进入到指定的数据库中 use 数据名 3.显示当前所处的数据库 db 4.显示数据中所有的集合 show collections 4.创建文档 当我们创建文档时,如果所在的集合和数据库不存在,会自动创建 阅读全文
2021年5月12日
摘要:
封装组件,支持单选,多选,搜索,根据节点id默认选中对应的节点,勾选数据事件触发回调 效果图(会不断更新 和修复一些BUG 记得回来看看哦) (认真看组件配置属性,特别是传值的时候defaultProps 配置的展示key)因为最后有模拟JSON数据所以文章有点长 多选效果图: 单选效果图: 一.子 阅读全文