随笔分类 -  Vue/Axios/ES6

wangeditor遮挡其他控件
摘要:增加以下CSS代码 .w-e-menu { z-index: 2 !important; } .w-e-text-container,.w-e-toolbar { z-index: 1 !important; } 阅读全文

posted @ 2021-09-25 13:04 静以修身俭以养德 阅读(150) 评论(0) 推荐(0) 编辑

多个axios按顺序执行
摘要:项目中需要同时调用两个接口返回给Table显示,同时第二个Table需要用到第一个Table接口返回的数据,此种情况需要axios的顺序执行,测试代码如下: async query() { //method1执行完成后执行method2 await this.method1(); await thi 阅读全文

posted @ 2021-09-23 22:45 静以修身俭以养德 阅读(1790) 评论(0) 推荐(1) 编辑

{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
摘要:npm run dev 错误提示: { parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }. 解决方法: 找到你的工程文件夹里的 YourProName\node_modules\vue-loader\l 阅读全文

posted @ 2021-09-06 20:13 静以修身俭以养德 阅读(567) 评论(0) 推荐(0) 编辑

Already included file name。。。。。Root file specified for compilation
摘要:1.问题 如截图所示,一般是vscode自带的自动更新路径名导致的目前还不知道具体原因。 2.解决 2.1 重新加载 vsocode 快捷键:Ctrl + shift + P,打开:“命令面板”,输入:重新加载 2.2 如果控制台报错 需要重新npm run serve 3.总结 目前暂时的最好解决 阅读全文

posted @ 2021-08-26 16:20 静以修身俭以养德 阅读(1227) 评论(0) 推荐(2) 编辑

浅谈vue中provide和inject 用法
摘要:provide:Object | () => Object inject:Array<string> | { [key: string]: string | Symbol | Object } provide 和 inject 主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。是2.2 阅读全文

posted @ 2021-08-22 21:22 静以修身俭以养德 阅读(191) 评论(0) 推荐(0) 编辑

解决npm ERR! Please try running this command again as root/Administrator. 问题
摘要:win10下,使用npm 安装插件时报npm ERR! Please try running this command again as root/Administrator的错误, 解决方案:需要删除npmrc文件。(C:\Users\{账户}\下的.npmrc文件) 阅读全文

posted @ 2021-07-22 20:41 静以修身俭以养德 阅读(810) 评论(0) 推荐(0) 编辑

ES6 对象内函数的两种写法
摘要:<script> // 写法1 var person1 = { name: "p1", sayThis() { console.log(this); } }; // 写法2 var person2 = { name: "p2", sayThis:()=> { console.log(this); } 阅读全文

posted @ 2021-07-21 09:12 静以修身俭以养德 阅读(103) 评论(0) 推荐(0) 编辑

对树结构最后一级children:[]的修改
摘要:var reg = new RegExp('\\,"children":\\[]', 'g') 2个\\ 反斜杠 在对树结构进行替换 this.areaData = JSON.parse(JSON.stringify(this.$store.state.user.areaData).replace( 阅读全文

posted @ 2021-05-18 11:44 静以修身俭以养德 阅读(203) 评论(0) 推荐(0) 编辑

vue + elementUI 表单重置两种方法
摘要:一、添加 prop 清空验证和内容 <el-form-item label="排序" prop="orders"> <el-input v-model="ruleForm.orders" size="small" placeholder="请输入数字" oninput="value=value.re 阅读全文

posted @ 2021-04-15 14:34 静以修身俭以养德 阅读(7637) 评论(0) 推荐(0) 编辑

elementui默认样式修改的问题
摘要:当我们在vue中引入第三方组件库的时候,vue组件中样式的scoped就会成为我们修改样式的阻碍,有以下三种方法修改样式,并且不影响全局样式:1 在样式外新增一个样式不添加scoped <style> .my{ margin: 20px; } .my .el-input__inner{ border 阅读全文

posted @ 2021-04-14 09:41 静以修身俭以养德 阅读(135) 评论(0) 推荐(0) 编辑

ES6模块导入、导出
摘要:1、命名导出: var config = { version:'1.0.0' }; //一定要导出模块 export {config}; 或直接导出 export var config = { version:'2.0.0' }; 也可以导出函数 //导出命名函数 export function t 阅读全文

posted @ 2021-04-09 14:23 静以修身俭以养德 阅读(98) 评论(0) 推荐(0) 编辑

npm安装教程
摘要:一、使用之前,我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给 阅读全文

posted @ 2020-12-25 18:18 静以修身俭以养德 阅读(565) 评论(0) 推荐(0) 编辑

利用Element-UI一步一步搭建后台界面
摘要:注意点: 1、菜单嵌套在容器中后,文字会默认居中,左边空出距离,需要设置文字居左: .el-submenu,.el-menu-item{ text-align: left; width: 220px; } 2、嵌套菜单后,背景色与aside同色,同时设置最小高度100%; .el-aside { b 阅读全文

posted @ 2020-12-24 21:33 静以修身俭以养德 阅读(908) 评论(0) 推荐(0) 编辑

在vue中使用import()来代替require.ensure()实现代码打包分离
摘要:一、require.ensure() 方法来实现代码打包分离 require.ensure() 是 webpack 特有的,已经被 import() 取代。 require.ensure( dependencies: String[], callback: function(require), er 阅读全文

posted @ 2020-12-24 18:57 静以修身俭以养德 阅读(594) 评论(0) 推荐(0) 编辑

npm 安装时 --save --dev 和 --save 区别
摘要:一、模式 运行webpack命令时,一定要指定模式。 webpack --mode development webpack --mode production 二、--save -dev --save:将保存配置信息到pacjage.json。默认为dependencies节点中。 --dev:将保 阅读全文

posted @ 2020-12-24 18:53 静以修身俭以养德 阅读(185) 评论(0) 推荐(0) 编辑

npm使用jquery
摘要:箭头表示文件的具体位置.红框表示要添加的部分 安装依赖: 检查是否安装成功: (哪个页面引用 ,就放在哪个页面) 阅读全文

posted @ 2020-12-23 21:25 静以修身俭以养德 阅读(1356) 评论(0) 推荐(0) 编辑

Vue调用WebService和API
摘要:<script src="~/Scripts/vue.js" ></script > <table> <tr v-for="log in log"> <td> </td> </tr> </table> <script type="text/javascript"> new Vue({ el: 'ta 阅读全文

posted @ 2020-03-29 23:52 静以修身俭以养德 阅读(5806) 评论(0) 推荐(0) 编辑

导航