随笔分类 - 0701 Vue
摘要：我们用Vue-Cli脚手架新建项目时会选择使用ESLint + Prettier来统一我们的前端代码风格，但这对新手使用有很大困难，严格的格式要求容易出现很多警告和错误，这时最好关闭ESLint + Prettier。 1.在src下新建文件.eslintrc.js，并如下配置： module.ex
阅读全文
摘要：1. 显示内容 {{}} <div id="app"> <p>{{ message }}</p></div> <script>new Vue({ el: '#app', //el是选择元素的挂载节点，这里#是加父节点id data: { //赋值 message: 'Hello Vue.js!' }
阅读全文
摘要：在写自定义组件以及引用时，遇到了一个问题，也就是子组件中明明只做了一次 click 的 $emit 操作，却在父组件中触发了两次事件函数。 之后，在网上找了很多方案。 有提及通过 .stop 阻止事件冒泡的方案，但通过多次测试，并没有实质效果。 也有一个是通过 .once 的方案，但是很显然，这个方
阅读全文
摘要：1、template部分 <template> <el-table :data="tableData" stripe border style="width: 100%"> <el-table-column prop="checkUnit" label="医院名称"></el-table-colum
阅读全文
摘要：1.问题 有些特定的时候，使用Tab切换时需要获取当前选中栏的ID来进行操作 2. 解决思路 通过定义一个函数进行函数绑定，函数会传递过去当前对象，通过当前对象获取对象属性 3.解决方法 下面展示一些 内联代码片。 ··· tab.vue <template> <el-tabs v-model="s
阅读全文
摘要：vue-element-admin 按钮级别的权限判断 参照官网进行创建权限控制js https://panjiachen.github.io/vue-element-admin-site/zh/guide/essentials/permission.html#%E6%8C%87%E4%BB%A4%
阅读全文
摘要：如何利用自定义的事件，在子组件中修改父组件里边的值？ 关键点记住：三个事件名字 步骤如下： 这里，相对本案例，父组件定义为Second-module，对应的子组件是Three-module 第一步：你要想改动父组件的值，你父组件得先有值让你改吧！所以， 在父组件定义值： 第二步：同样的，二者之间咋就
阅读全文
摘要：切换子路由和切换组件都能到达切换视图的效果，什么场景下该用子路由，什么场景下该使用子组件呢？ 例如：例如Tab切换，三个Tab对应不同的视图，切换Tab时，是通过逻辑控制显示不同的子组件比较好，还是添加一个子路由，通过跳转路由的方式切换视图好。 从这个问题的思考，衍生出这个问题：既然我们控制子组件的
阅读全文
摘要：一，验证码功能1，创建一个组件。显示验证码图片 <template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div> </templ
阅读全文
摘要：起因： 拉旧项目重跑发现运行报错，猜测是包更新导致部分写法不兼容。之后发现是原写法在webpack4中不兼容。所以这篇文章主要讲两部分： 1. 如何解决webpack4 动态编译import报错 2. imoort 和 require到底有什么区别？两者是否可以无缝替换？ 一、解决报错// 原写法e
阅读全文
摘要：最近做的后台管理项目,页面路由是单独有一个操作页面管理,增加修改删除,所以路由就需要做成动态的.由后台保存,登录时获取加载,这里把方法记录下来 这里用的项目代码是git上一位大神的项目,GitHub地址:https://github.com/PanJiaChen/vue-element-admin,
阅读全文
摘要：转自 Vue.js作为目前最热门最具前景的前端框架之一，其提供了一种帮助我们快速构建并开发前端项目的新的思维模式。本文旨在帮助大家认识Vue.js，了解Vue.js的开发流程，并进一步理解如何通过Vue.js来构建一个中大型的前端项目，同时做好相应的部署与优化工作。 文章将以PPT图片附加文字介绍的
阅读全文
摘要：本篇文章将介绍常用的几个Vue UI框架，不说好坏，只对一些参数进行对比,大家可以根据自己的考量选择适合自己的UI框架。 1. 对比 框架名称组件数量单元测试率admin项目维护团队GitHub Star数（2019/10/16）原型设计素材 Element UI 46 81% vue-elemen
阅读全文
摘要：一、生成项目命令 1、安装3.x版本的Vue脚手架： npm install -g @vue/cli 创建Vue项目命令： vue create 项目名称 或基于ui界面创建Vue项目，命令：vue ui 2、安装了vue-cli 3.x 后如何使用 vue-cli 2.x 创建项目 需要安装一个桥
阅读全文
摘要：vue-cli安装 npm install vue-cli -g vue-cli的版本查看 vue -V vue-cli的3.0+以后使用的不是vue-cli了，如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的 npm install @vue/cli -g 如
阅读全文
摘要：一、概念 1、npm: Nodejs下的包管理器。 2、webpack: 它主要的用途是通过CommonJS的语法，把所有浏览器端需要发布的静态资源，做相应的准备，比如资源的合并和打包。 3、vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基
阅读全文
摘要：本文主要介绍了浅谈Vue组件及组件的注册方法，详细的介绍了什么是组件，及其组件注册的两种方式(全局和局部)。 相信在使用Vue进行项目开发的时候很多人会接触到vue组件，最常见的就是我们使用的element-ui组件库，用起来确实很方便，大大减少了我们的开发时间。在一个项目中其实有很多可复用的代码块
阅读全文
摘要：ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。 说明：此文章根据《实战ES2015：深入现代JavaScript+应用开发》这本书做的笔记，更多详细
阅读全文
摘要：1 关于ES6 ECMAScript6（以下简称ES6）是JavaScript语言的最新一代标准，发布于2015年6月，因为ECMA委员会决定从ES6起每年更新一次标准，因此ES6被改名为ES2015，后面的标准将按照发布的年份命名，比如ES2016、ES2017。 ES6引入了很多新特性，这些特性
阅读全文
摘要：什么是跨域 跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议，端口，域名。只要这个3个中有一个不同就是跨域。 这里列举一个经典的列子： #协议跨域 http://a.baidu.com访问https://a.baidu.com； #端口跨域 http://a.baidu.com:8
阅读全文
浙公网安备 33010602011771号