Vue
文章平均质量分 65
Vue的基础使用
公诚士
web前端开发
展开
-
ES6新语法及vue基础
https://www.angularjs.net.cn/es6新语法:(多看多用)1 字符串方法 //字符串方法 includes包含 // let str="ijahsdjkhasd"; // console.log(str.includes("jjj"));//false // console.log(str.includes("ij"));//true // console.log(str.includes("asd"));//true //字符串方法 rep原创 2021-10-24 09:18:39 · 3216 阅读 · 0 评论 -
【elementui】关于el-date-picker日期限制输入
**小需求:element ui关于el-date-picker在实际开发过程中需要限制日期,比如:开始日期不能比结束日期迟,结束日期-开始日期不能相差超过365天。话不多少,上代码看看。**<template> <div class="home"> <HelloWorld msg="主页" /> <div> <el-date-picker v-model="startDate" type="date" placeho原创 2022-05-17 00:13:22 · 969 阅读 · 0 评论 -
Element表单验证规则
Element表单验证规则一、简单的逻辑验证使用方法:方法步骤:1、在html中给el-form增加 :rules=“rules”2、html中在el-form-item 中增加属性 prop=“名称”3、js中直接在data中定义rules:{}在template标签中的写法:<el-form ref="formData" :rules="rules" :model="formData" label-width="500px"> <el-form-item lab原创 2022-04-06 22:19:53 · 6444 阅读 · 0 评论 -
20220413重学vue的cpomputed属性
vue的computed属性的小应用:实现购物车1 小需求:复选框,全部选中 则表头显示为全部选中。<template> <div> <div class="top"> 是否全选: <span v-if="isCheck" style="color:red">是</span> <span v-else>否</span>原创 2022-04-13 00:34:15 · 140 阅读 · 0 评论 -
input输入限制
input的限制只能输入数字的小需求:在日常项目开发过程中,我们经常会用到 ElementUI 这个组件库,其中的 el-input组件并没有对数字的进行限制的功能,特别是有的项目中需要限制只能填写数字,不能为负数,不能有多个小数点,小数位多少,整数位多少等等。为实现这些需求,组件默认的功能就很难满足了,需要专门写代码来控制。为了减少开发成本,提高工作效率,我整理了如下2种方法,大家可以根据实际情况使用,以下方法仍旧适用普通 input 标签。方法一:使用行内正则控制方法二:使用封装的通用方法进行更原创 2022-05-09 22:13:20 · 1593 阅读 · 0 评论