ICode9

精准搜索请尝试: 精确搜索
  • Element plus 汉化2022-07-30 23:32:46

    App.vue 直接拷贝 <template> <el-config-provider :locale="locale"> <router-view /> </el-config-provider> </template> <script > import { ElConfigProvider } from "element-plus"; import zhCn from &

  • ant design Unknown custom element: <a-carousel>2022-07-29 18:00:28

    vue ant design Carousel 走马灯报错 原封不动复制官网代码,开发者工具提示找不到元素,实为逆天,原来是需要引入组件才能使用!!!!!!!!!!!!!!!!!!!!       正确方法 import { Carousel } from 'ant-design-vue';      

  • selenium常用方法2022-07-29 17:35:49

    # text方法,获取超链接即<a></a>之间的文字: Driver.find_element_by_link_text("网上申请").text #Get_attribute()获取属性值: driver.find_element_by_id("kw").get_attribute('type') # Maximize_window()实现浏览器窗口最大化: driver

  • React报错之组件不能作为JSX组件使用2022-07-28 23:07:18

    正文从这开始~ 总览 组件不能作为JSX组件使用,出现该错误有多个原因: 返回JSX元素数组,而不是单个元素。 从组件中返回JSX元素或者null以外的任何值。 使用过时的React类型声明。 返回单个JSX元素 下面是一个错误如何发生的示例。 // App.tsx // ⛔️ 'App' cannot be used as a JSX

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

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

  • 使用element ui 抽屉实现右边抽屉,左边列表选择展示效果2022-07-27 17:02:34

    界面需求要求界面显示列表项数据,点击列表项鼠标箭头变成小手指,点击列表项弹出抽屉栏,在抽屉栏展开情况下可以切换点击列表项,抽屉栏详情数据根据点击项展示。界面大致如下图:      技术问题解决1: 当鼠标移动到数据列表项时,鼠标箭头变成小手指的形式,这其实就是修改组件下的列表项

  • Element 2 组件源码剖析之布局容器2022-07-27 15:34:37

    0x00 简介 前文分析过组件的 布局栅格化(Grid Layout) ,通过基础的 24 分栏,迅速简便地创建布局。 本文将介绍用于布局的容器组件,使用 Flexbox 功能将其所控制区域设定为特定的布局,方便快速搭建页面的基本结构。本文将深入分析组件源码,剖析其实现原理,耐心读完,相信会对您有所帮助。

  • vue 实现点击全屏和退出全屏2022-07-27 11:01:27

    1 mounted() { 2 // 监听窗口大小改变,this.isScreenFull的值为是否全屏,若是则true,反之false 3 window.onresize = () => { 4 this.isScreenFull = document.fullscreenElement || document.msFullscreenElement || document.webkitFullscreenElement || do

  • element-ui 之 表单验证规则2022-07-26 20:34:51

    element-ui 之 表单验证规则 const rules = { role: { type: 'enum', enum: ['admin', 'user', 'guest'] }, data: [{type: 'date', required: true, trigger: 'change', message: "日期不能为空"}], time:

  • Element 输入框 `input` 回车事件2022-07-26 11:00:06

    为对应的 input 输入框添加 @keyup.enter.native 事件 <el-input placeholder="请输入内容" v-model="searchInput" @keyup.enter.native="handleKeyDown"></el-input> handleKeyDown(e){ console.log(`回车事件${e}`); } 普通 inpout 输入框回车事件 &l

  • vue+ts使用$refs属性报错Property 'focus' does not exist on type 'Vue | Element | (Vue | Elem2022-07-25 09:02:49

    问题 项目中直接使用 this.$refs.searchInput.focus() 会报以下错误 Property 'focus' does not exist on type 'Vue | Element | (Vue | Element)[]' 原因 ts中类型不明确引起的 解决 先定义searchInput的类型,再进行后续操作 let SI:any=this.$refs.searchInput SI.focus()

  • dom4j2022-07-24 11:04:37

    <?xml version="1.0" encoding="UTF-8"?> <books> <book id="book1"> <name>三国演义</name> <price>99.88</price> </book> <book id="book2">

  • css3隐藏滚动条样式效果2022-07-24 10:06:00

    chrome 和Safari .element::-webkit-scrollbar { width: 0 } IE 10+ .element { -ms-overflow-style: none; } Firefox .element { overflow: -moz-scrollbars-none; } 公共class 在需要隐藏滚动条的div上追加一个hideScrollBar就可以了 .hideScrollBar::-webkit-scrollbar {

  • 验证码处理2022-07-23 19:03:42

    2.1 什么是验证码? 验证码就是指一种随机生成的信息(数字、字母、汉字、图片、算 术题)等为了防止恶意的请求行为,增加应用的 安全性。 自动化过程中也是需要进行注册或者登陆的操作,所以需要处理验 证码     2.2 验证码处理方式 去掉验证码 由开发操作 , 用在测试环境 设置万能验证

  • jQuery 02: 常用函数第二部分2022-07-23 11:01:01

    jQuery remove 语法:$(选择器).remove():将数组中所有dom对象及其子对象一并删除 empty 语法:$(选择器).empty():将数组中所有dom对象的子对象删除 append 作用:为所有dom对象添加子对象 语法:$(选择器).append("新添加的div") html 作用:设置或返回被选元素的内容(innerHtml)

  • vue-element-admin 安装(node方式)2022-07-23 10:04:09

    vue-element-admin node方式安装 1、git clone 项目(2选 1) // github 默认国际化版本(英文) https://github.com/PanJiaChen/vue-element-admin.git // gitee i18n 中文版本 https://gitee.com/panjiachen/vue-element-admin.git 2、增加文件   拉取的项目初始化时容易报错,所

  • b0122 python 爬虫 (二)-selenium-自动化测试2022-07-23 00:31:07

    说明 使用chrome浏览器。 环境 参考 selenium+python爬虫全流程教程  前面 的安装过程 思路 查看浏览器chrome 版本,这里是 98.0.4758.102, 去官网下载 驱动程序 安装python 依赖包 selenium,这里装完后是 4.3.0   使用 工程路径 D:\1_common\python\code\projects\Bigdata2022\C

  • LeetCode 215 Kth Largest Element in an Array 数组中的第K大元素2022-07-22 04:00:22

    描述 Given an integer array nums and an integer k, return the kth largest element in the array. Note that it is the kth largest element in the sorted order, not the kth distinct element. You must solve it in O(n) time complexity. Example 1: Input: nums = [

  • 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 >>>

  • 页面点击登录地址后,弹出框,四个地址,和对应的二维码展示,使用element + vue实现2022-07-21 10:35:22

        参考: 1.解决vue项目使用element的Dialog组件生成二维码的系列问题 2.element-ui生成二维码  3.Element UI:<el-button> 复制功能     技术点: 1.生成二维码:使用QRCode 2.地址复制按钮, <el-button>   实现代码:   1.复制 <el-button type="primary" v-c

  • 项目一(Vue3 - TypeScript - element-plus)2022-07-21 02:31:52

    项目一:Vue3-TypeScript 电商后台管理 一、技术栈涉及 Vue3 TypeScript axios vue-router element-plus node.js 二、项目概述 界面展示 登陆页面 商品管理 用户列表 员工信息编辑 职位编辑 修改权限界面(隐藏路由) 本地接口数据 功能 * 实现登陆路由拦截,获取token后才能实

  • 记录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"      避免直

  • Vue&Element学习笔记2022-07-20 13:00:31

    1、Vue是一种前端框架,用来简化前端的代码 首先在html文件中引入vue.js文件 <script src="1 js/vue.js"></script> vue核心代码如下: new Vue({ el: "#app", data() { return { username: ""

  • ExtJS DOM操作-查询(DOM Query)2022-07-20 07:32:04

    更新记录 2022年7月20日 发布。 2022年7月6日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html DOM操作-查询(DOM Query) 说明 DOM常用查询方法:get、query、select、fly 查询单个DOM元素-Ext.get() Ext.get(id /HTML DOM) : Ext.dom.Element

  • Vue 26 plugins2022-07-19 16:04:54

    1 简介   它是用来增强vue的。它是包含install方法的一个对象,install的第一个参数是Vue,第二个以后参数是插件使用者传入的参数   插件里面可以配置全局过滤器、全局指令、混入、Vue原型上添加方法属性等   2 定义一个插件 1)plugin.js export default { install(Vue,x,y,z)

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

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

ICode9版权所有