前端
未读
限制 el-input 只能输入数字
背景 在日常项目开发过程中,我们经常会用到 ElementUI 这个组件库,其中的 el-input 组件很好用,但是没有对填写内容进行限制的功能,特别是有的项目中需要限制只能填写数字,不能为负数,不能有多个小数点,小数位多少,整数位多少等等。这些需求下,组件默认的功能就很难满足了,需要专门写代码来
前端
未读
vue-router 路由的使用
基本路由 创建需要的组件 <template>
<div class="login">
Login 组件
</div>
</template>
把组件导(import)到 router.js 中,然后在 routers 中设置匹配规则 import Login fr
前端
未读
基于 Element 二次封装
前言 之前在网上找过的好多都是基于 vue-cli 2.x 的,而使用 vue-cli 4 的文章比较少,所以我在自己尝试的时候把几篇文章结合了一下,调出来了我想要的模式,也就是 Vue Cli 4 + element-ui + 多个二次封装组件。 最终想要的是 element-ui 这种感觉的,很
前端
未读
package.json 属性讲解
一. 前言 之所以写下这篇文,是因为前两天忽然发现,package.json 里的 **版本号 **我好像就没注意过了,一会 ~ 开头,一会 ^ 开头,都是个啥?然后仔细回想了下发现我好像并没有真的了解过这玩意, 每次打开个项目都是 npm install 一波敲敲启动命令就完事了。事后深刻反思了下
前端
未读
Vue 路由传值(传参)详解
总结一下 Vue 中的路由传值 ,其中涉及了 axios 的使用方法 在使用的时候容易把这几种方法搞混 方式一 组件传值 对应的路由配置: {
path: '/detail/:id',
name: 'Detail',
component: Detail
}
注: 一定要在路由后面加上
前端
未读
Vue 路由 hash 与 history 的区别
对于 Vue 这类渐进式前端开发框架,为了构建 SPA(单页面应用),需要引入前端路由系统,这也就是 Vue-Router 存在的意义。前端路由的核心,就在于 —— 改变视图的同时不会向后端发出请求。