随笔分类 -  前端

摘要：在vue中，使用简单的锚点定位只需要三步： // 1: 在导航栏位置： <a href="javascript:void(0)" @click="goAnchor('basicInformation')"> <el-menu-item index="1"> <span slot="title">基础 阅读全文

摘要：像是表单类表格，在输入完之后会有一个保存操作，这里记录一下保存函数一般都怎么写 阅读全文

摘要：像是表单类表格，在保存之后，又想取消/删除这个已经保存过的表单，这里记录一下取消/删除函数一般都怎么写。注意这个操作要调用后台的接口 阅读全文

摘要：1：对表单进行验证时,1：用:rules="rules"来绑定，其中:model="form"也是必不可少的，不然即使填了正确的值，也会报错 如：“输入不能为空！” <el-form ref="form" :model="form" :rules="rules"> </el-form> 2：当有些东 阅读全文

摘要：要求：在上一篇博客的基础上，需求：再有一个编辑页面，编辑页面要能显示已经被新增页面选择过的标签 效果图如下： 1：在template里面：跟上面的template一模一样 注意 我这里为了配合后端接口，做了以下处理，如果不需要配合，可以跳过 1.1：data里： form: { receiver: 阅读全文

摘要：1：要求 是一个下拉框，输入关键字时，从接口中读取关键字匹配，不输入时，下拉框不出现。 效果图如下： 若后端将全部数据都返回给前端了，前端又使用的是element框架，那么只需要在下拉框组件中加上 filterable 属性即可，其他功能可查看属性需要自行添加 template <el-form-i 阅读全文

摘要：前端表单中用到手机号和身份证，用正则简单的验证输入的手机号和身份证号是否正确，用的VUE+ElementUI框架。 在<template>里，需要重点注意的：用prop="phone"和prop="idCard"来传值 <template> <el-form ref="form" :model="f 阅读全文