摘要: 1.安装脚手架 全局安装 vue-cli 在命令行中输入 npm install -g vue-cli 安装完成后,检验是否安装成功,输入 vue-V (注意:这里是大写的 “V”),如果出现版本号,则说明安装成功。 用 vue-cli 来构建项目。 首先,在D盘新建一个文件夹作为项目的存放地,然后 阅读全文
posted @ 2021-01-12 15:42 行屰 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 关于export const,和 export default,这两个有什么区别 在一个文件中export const可以有多个,但是export default只有且仅有一个 1 // 获取后台的动态路由 2 export const getRoutersFromService = fetch({ 阅读全文
posted @ 2021-01-12 09:50 行屰 阅读(1694) 评论(0) 推荐(0) 编辑
摘要: JS 类型 1 null 2 undefined 3 boolean 4 number 5 string 6 引用类型(object、array、function) 7 symbol 1.判断JS类型--typeof 判断 typeof(null) 时值为 'object'; 判断数组和对象时值均为 阅读全文
posted @ 2021-01-11 10:50 行屰 阅读(67) 评论(0) 推荐(0) 编辑
摘要: template 1 <template> 2 <div class="batchImportShell"> 3 <div class="batchImport"> 4 <i class="close el-icon-close" @click="closeView()"></i> 5 <h2>批量 阅读全文
posted @ 2021-01-08 17:16 行屰 阅读(388) 评论(0) 推荐(0) 编辑
摘要: 恢复内容开始 获得内容和属性 <p id="test" selfSet="自定义的属性">这是段落中的 <b>粗体</b> 文本。</p> $("#test").text() // 这是段落中的 粗体 文本。 $("#test").html() // 这是段落中的 <b>粗体</b> 文本。 $(" 阅读全文
posted @ 2020-11-18 16:11 行屰 阅读(90) 评论(0) 推荐(0) 编辑
摘要: 遍历 祖先 节点遍历是从当前元素向上遍历,直至文档根元素来查找 DOM 元素; 祖先是父、祖父、曾祖父,依此类推。 // span的直接父节点 $("span").parent().css({"border": "2px solid pink"}) // span的所有祖先节点 $("span"). 阅读全文
posted @ 2020-11-18 15:22 行屰 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 1 <style type="text/css"> 2 h1:nth-child(even){ 3 background-color: red; 4 } 5 </style> 6 <script> 7 $(document).ready(function(){ 8 $("p:even").css(" 阅读全文
posted @ 2020-11-16 15:58 行屰 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 1 export const createLinkToClick1 = (link, linkType) => { 2 let aLink = document.createElement('a'); 3 aLink.href = link; 4 aLink.target = linkType || 阅读全文
posted @ 2020-11-13 10:10 行屰 阅读(353) 评论(0) 推荐(0) 编辑
摘要: 路由配置: 1 const routers = [ 2 { 3 path: "/", 4 component: Layout, 5 name: "Layout", 6 redirect: "/login", 7 children: [ 8 { 9 path: 'userCenter', 10 nam 阅读全文
posted @ 2020-10-22 16:23 行屰 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 效果图 HTML结构 1 <div class="user-bottom"> 2 <i class="left"></i> 3 <div class="user-div user-div-teshu"> 4 <span class="user-div-money user-div-suml">181 阅读全文
posted @ 2020-10-22 14:11 行屰 阅读(204) 评论(0) 推荐(0) 编辑
摘要: provide / inject 组合 作用:允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。 在 App.vue 文件里写入provide的方法 1 <template> 2 <div id="app"> 3 <router-view v-i 阅读全文
posted @ 2020-10-10 11:04 行屰 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 广义的跨域: 1、资源跳转:A链接、重定向、表单提交 2、资源嵌入:<link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等 阅读全文
posted @ 2020-10-09 14:58 行屰 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 1.npm npm install vue-ueditor-wrap // 或者 yarn add vue-ueditor-wrap 2. UEditor 文件放入public静态目录 3. template <template> <div class="projBox"> <vue-ueditor 阅读全文
posted @ 2020-09-30 15:55 行屰 阅读(552) 评论(0) 推荐(0) 编辑
摘要: 1 <el-form-item label="告知书" prop="healthNotice"> 2 <el-upload 3 class="avatar-uploader" 4 action="" 5 accept=".doc,.DOC,.docx" 6 :auto-upload="false" 阅读全文
posted @ 2020-09-30 13:46 行屰 阅读(746) 评论(0) 推荐(0) 编辑
摘要: 这里以证件号和证件类型为例 1. 表单元素 1 <el-form-item label="证件类型:" prop="identifyType" :error="errorTypeInfo"> 2 <el-select v-model.trim="baseInfo.identifyType" plac 阅读全文
posted @ 2020-08-31 10:50 行屰 阅读(2893) 评论(0) 推荐(0) 编辑
摘要: 安装 vuex-persist, 安装:yarn add vuex-persist 使用:import VuexPersistence from 'vuex-persist' 目录结构: 1.在index文件中引入getters和VuexPersistence 1 import Vue from ' 阅读全文
posted @ 2020-08-21 11:30 行屰 阅读(475) 评论(0) 推荐(0) 编辑
摘要: 1 实现效果:分为开始时间和结束时间, 【a】开始时间需大于当前时间 【b】结束时间需大于当前时间 【c】具体可选时刻要根据日期随动 【d】IE11兼容问题 2 组件: 3 监听开始和结束值 startTime和endTime 4 校验规则 5 ie11兼容问题 new Date()的参数,ie不支 阅读全文
posted @ 2020-08-04 11:14 行屰 阅读(598) 评论(0) 推荐(0) 编辑
摘要: 1 在item中绑定校验规则,必录非必录需要走两套不同的规则 2 data中定义riskNameRule 通过监听所需要的值,来改变riskNameRule,进而达到不同情况绑定不同规则 效果: 注意:每一条规则都是数组, 动态绑定的多项的那种每一项都是对象 阅读全文
posted @ 2020-08-01 16:13 行屰 阅读(285) 评论(0) 推荐(0) 编辑
摘要: * 效果图: * template 1 <template> 2 <div> 3 <div class="projset-title">活动图片排序</div> 4 <ul class="projset-content"> 5 <draggable 6 :list="imgList" 7 handl 阅读全文
posted @ 2020-07-03 10:18 行屰 阅读(12970) 评论(1) 推荐(1) 编辑
摘要: 1. 富文本组件 1 <template> 2 <div class="wangEditor"> 3 // 工具栏 4 <div :id="editorId" ref="toolbar" class="wangEditor-toolbar"></div> 5 // 输入部分 6 <div ref=" 阅读全文
posted @ 2020-06-05 15:37 行屰 阅读(755) 评论(0) 推荐(0) 编辑