ICode9

精准搜索请尝试: 精确搜索
  • Vue常用的API2022-08-07 15:34:32

    一 vm对象的生命周期 每个vm对象在创建时都要经过一系列的初始化过程。在这个过程中Vue.js会自动运行一些叫做生命周期的的钩子函数,我们可以使用这些函数,在对象创建的不同时间阶段加上我们需要的自动执行代码,就实现特定的功能。 代码示例 <!DOCTYPE html> <html lang="en"> <he

  • 滚动条保持在底部2022-08-07 09:03:10

    项目场景:刷新数据,让滚动条保持在最底部 // jquery 实现滚动条在底部 this.$nextTick(() => { let dom = $(.el-table .el-table_body_wrapper) dom.animate({ scrollTop: dom.prop('scrollHeight') }) }) // js实现滚动条位置在最底部 document.getElementById('app').scrollTop =

  • ElementUI之日期组件el-date-picker控制台报错的处理记录2022-08-05 10:33:42

    在引用了el-date-picker组件后,控制台一直报错 Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "placement"

  • Vue中的$nextTick2022-08-05 00:03:02

    nextTick 官方定义:在下次DOM更新循环结束之后执行回调,在修改数据之后立即使用这个方法,获取更新后的DOM。 Vue在更新DOM时是异步执行的。当数据发生变化。Vue将开启一个异步更新队列,视图需要等队列中所有数据变化完成之后,在统一进行更新。 举个栗子: HTML结构 <div id="app">

  • 样式重置2022-08-04 18:35:37

    @import url('./theme.less'); // @color: #2D2FAD; .theme1{ .theme(#2D2FAD,#2D2FAD,rgb(209, 211, 213),#ff943e,#333); } .theme2{ .theme(#4288ca,#4288ca,rgb(209, 211, 213),#ff943e,#333); } .theme3{ .theme(#0076F5,#0076F5,rgb(209, 211, 213),#

  • Vue封装文件ajax请求,整合el-upload2022-08-04 15:31:48

    前端 <el-upload :multiple="false"          //不可上传多个文件 action=""              //必要参数,使用ref方式提交时的url :on-change="setAvatarFile"    //文件列表变化时的钩子,用来获取当前的文件

  • 解决在elementUi中使用el-table里面嵌套el-collapse时,展开折叠面板表格高度不出现滚动条的问题。2022-08-02 12:03:07

    项目中表格内需要嵌套一个折叠面板,当表格高度刚好在没有出现滚动条时,这个时候展开折叠面板。表格的高度没有自适应增加显示滚动条。    解决方法:在折叠面板中添加点击事件,每次点击的时候动态计算一下表格高度,高度变化1px就行。只是需要动态的在给表格一个高度。具体原理我也不

  • vue基础知识2022-08-01 08:34:13

    VUE 是一套用于构建用户界面的渐进式框架。vue被设计为可以自底向上逐层应用。 el:挂载点 设置完成之后,el内部,id内部的两个大括号 同名,就会被替换。 el是用来设置vue实例挂载(管理)的元素 vue会管理el选项命中的元素及其内部的后代元素 可以使用其他的选择器,但是建议使用id选择器 可

  • vue组件2022-08-01 08:33:42

    Vue组件 组件是可复用的 Vue 实例,且带有一个名字 <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><!--view层模板,组件就是模板的意思--><div id="app"

  • elementui,及相关知识点2022-08-01 08:32:09

    安装 1.确保电脑上面安装有vue环境 npm i element-ui -S   组件 图标 <i class="el-icon-edit"></i><i class="el-icon-share"></i> 换图标,换class里面的即可   按钮 <el-button>默认按钮</el-button> <el-button type="primary">

  • javaweb:JSP、JSTL标签和EL表达式2022-07-30 08:32:37

    据我理解,标签是为了使得jsp内容更加简洁,编写起来更加方便,不用再去在jsp里写大段的java代码,标签就显得与html格外契合;当然,并不是一定要使用标签,只用jsp的语法来写java代码也可以实现功能,只是稍显繁琐。 言归正传,我们在使用标签之前首先需要导入两个依赖 <dependency>

  • element el-form 验证未通过自动定位到未通过的位置2022-07-28 18:01:20

    需要解决问题:   使用element中表单组件时发现当字段项比较多时点击提交,校验提示信息只会在该字段项下方显示,用户体验非常不好,优化方式是让表单校验时自动定位到未通过验证字段位置 代码: this.$refs['form'].validate((valid, object) => { if (valid) { //

  • elementUI中设置3个el-col放在一行,当el-row超出一行后,只有一个el-col单独占用一行。如何取消他自己独占一行。2022-07-28 11:04:02

    问题:学院自动到第二行,不靠左开始放置    解决方法: 使用justify,在el-row上添加style=“flex-wrap: wrap; flex-direction: row” 就可以啦 <el-form :inline="true" label-width="100px" class="demo-form-inline">//在el-row上添加style=“flex-wrap: wrap; flex-direct

  • elementUI的坑2022-07-28 09:34:06

    (1)el-pagination 会出现页面显示不出来,total必须是number类型 <el-pagination v-if="total>0" @size-change="handlePageSize" @current-change="handlePage" :current-page.sync="page.pageNum" :page-siz

  • ExtJS-事件管理-触屏事件和手势事件(Touch Events & Gestures)2022-07-26 08:34:35

    更新记录 2022年7月26日 发布。 2022年7月16日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html 触屏事件和手势事件(Touch Events & Gestures) 触屏事件说明 除DOM事件和组件事件外,Ext JS还提供手势识别事件功能,常用于移动端 除标准DOM事件外,

  • 欧拉函数2022-07-25 23:34:24

    欧拉函数 1.利用欧拉函数 1.欧拉函数是用来求1-N之中与N互质的数的个数,如6有1,5两个小于他的互质数互质数指两束数最大公约数是1) 欧拉函数 $$\varphi=N*(1-p_{1}))*(1-p_{2})*......(1-p_{n})$$ 这些p是n的约数前面在约数相关的文章中讲过,一个数可以分为 $$N=p_{1}^{x_{1}}*p_{2}

  • utstack详解2022-07-24 15:34:47

    源码 #define STACK_TOP(head) (head) #define STACK_EMPTY(head) (!(head)) #define STACK_PUSH(head,add) \ STACK_PUSH2(head,add,next) #define STACK_PUSH2(head,add,next) \ do {

  • ElementUI嵌套页面及关联增删查改实现2022-07-23 22:35:49

    @目录前言一、ElementUI如何在原有页面添加另外一个页面并实现关联增删查改?二、实现步骤1.ElementUI代码2.思路:很简单1.1 首先通过el-row、el-col、el-card等将两个页面组合在一起。1.2 其次在首页el-table 栏内设置 @row-click="companyClick"点击事件,并且设置点击时高亮,highligh

  • VUE学习个人纪录012022-07-23 10:03:13

    vue的开发环境 如何安装   这里为VUE的官方下载地址: 安装 — Vue.js (vuejs.org)   - 通过<script>标签引入   开发版本体积大包含警告,能够及时弹出警告帮助修改问题;生产版本体积较小无警告,适合使用时缩小项目体积。   新建项目在script标签中根据自己的情况声明文件

  • vue前端页面Table表格中列数据错乱2022-07-22 14:10:55

    1.首先,检查了前端用于接数据的字段是否与后端传过来的字段相同,在确定传参没有出现问题之后,这个问题仍然存在。   2.发生原因:因为使用了elementui,表格通过循环产生,vue在dom重新渲染时存在一个性能优化机制,重复的dom会被复用。   3.解决方法:设置key确保是唯一的 在el-table-column

  • element-UI 去除 el-tabs 的默认样式2022-07-21 19:35:54

    css样式代码 /* 去除上方横线 */ .switch >>> .el-tabs__nav-wrap::before { content: ''; width: 0 !important; } .switch >>> .el-tabs__nav-wrap::after { content: ''; width: 0 !important; } /* 去除底部蓝色 */ .switch >>>

  • el-upload使用http-request切片上传以及使用base64压缩图片展示缩略图2022-07-20 18:00:28

    html部分 <el-upload class="avatar-uploader" action="/file/upload_file/" :on-remove="() => handleRemove(item)" :http-request="(params) => httpUploadFile(params,item)" :before-upload="beforeUpload" ac

  • 记录vue项目遇到 el-date-picker 警告问题2022-07-20 14:32:05

    问题描述:      [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "placement"      避免直

  • 关于el-dialog弹窗组件关闭报错事件2022-07-19 17:00:34

       直接将close事件换为 :before-close=""就完事 以下写法,向父组件抛出关闭事件, (正常点击弹窗footer的关闭时没有报错,但是点击空白处及右上角的×号,就会报以上错误)        原因, close事件为已经关闭了弹窗后的事件,官方还给出了  before-close (弹窗关闭前)事件。。 所以

  • el-input type=number时去掉右侧加减箭头2022-07-18 14:05:30

    <el-input v-model.trim="form.threshold" placeholder="请输入" class="flex-1 editNum" type="number" > </el-input> .editNum { input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有