VUE+element通过按钮调用普通弹框（弹框页面独立出一个dialog页面，非在同一个页面文件里） 代码如下 <el-dialog> <el-button type="primary" style="float: right;margin-bottom: 15px;" @click="addDe ...
转载
2021-08-18 15:08:00
1261阅读
2评论
如何优雅的封装vue组件在编写组件时，最好考虑好以后是否要进行复用。一次性组件间有紧密的耦合没关系，但是可复用组件应当定义一个清晰的公开接口，同时也不要对其使用的外层数据作出任何假设。 Vue 组件的 API 来自三部分——prop、事件和插槽：Prop 允许外部环境传递数据给组件；事件允许从组件内触发外部环境的副作用；插槽允许外部环境将额外的内容组合在组件中。在开发过程中，结合 Vue 组件化的
转载
2024-09-10 11:48:54
248阅读
文章目录1. 准备js1.1 `dialog-drag.js`1.2 `index.js`2. `main.js`引用自定义指令3. 使用1. 准备js1.1 d
原创
2023-01-06 13:30:03
536阅读
前言在进行通过本地路径进行加载图片的时候，突然就报了这个问题Not allowed to load local resource 这个是由于安全性的问题，导致浏览器禁止直接访问本地文件 那么，这边我说一下我具体是怎么解决的吧问题描述我的项目是用的vue的vantui框架+springboot 然后我后端给前端的数据是一个路径，具体如下图: 也就是一个本地文件路径的集合// 为了防止后续图片失效看不
:on-remove="handleRemove"
:before-remove="beforeRemove"
multiple
:limit="9999"
:on-exceed="handleExceed"
:on-success="handleSuccess"
>
<el-button size="mini" ty
实践Elasticsearch rest风格基本操作创建索引向 ES 服务器发 PUT 请求 ： http://127.0.0.1:9200/shopping含义创建一个名字是shopping的索引：postman发送Rest风格的请求之后得到的响应信息{
"acknowledged"【响应结果】 : true, # true 操作成功
"shards_acknowledged"【分片结果】 :
最近在b站上看到一种弹幕效果叫做智能防挡弹幕，也就是传说中的蒙版弹幕， 打开之后效果大概是这样的再也不用担心男神女神的绝世容颜被花里胡哨的弹幕挡住啦，是不是感觉很神奇。实现原理其实就是类似于ps的蒙版，也就是说将图像的一部分 “隐藏”。这里我们需要用到的是css3的mask遮罩属性。CSS maskCSS mask遮罩属性的历史非常久远了，远到比CSS3 border
转载
2024-10-17 21:35:31
78阅读
最近根据公司项目需求做一个在线签名，技术栈用的是vue+Element ui想了想这... canvas我不太会，简单画线可还行...，想了想来呗，撸上在网上找了很多效果，都不太无限接近效果，磕磕绊绊也算是找到了比较满意的效果需求是用element ui dialog弹框里加入签名效果，期间也遇到很多问题，在这里总结一下，也希望能有所帮助。！----------------------------
在移动端开发中经常会运用到上拉加载更多来实现分页的操作，不仅可以增加用户良好的体验，也可以让自己的项目看起来更加的丝滑~那么具体要怎么做呢？准备一个容器来设置滚动事件如果要设置固定高度容器则设置ref<template>
<div class="container" ref="scroll">
<!-- 滚动内容代码 -->
&l
转载
2024-04-01 08:42:21
326阅读
前言：要想创建vue项目必须使用vue/cli(脚手架)进行vue项目的创建。且安装vue-cli的前提是基于已经安装了node.js(Node.js v8.9 或更高版本)和cnpm的基础上。其中一些vue依赖包可能要依赖python，最好把python安装上吧，以免报错。element安装是在vue项目中进行配置及安装。所以按照流程node.js(Node.js v8.9 或更高版本)–>
转载
2024-05-04 23:15:45
69阅读
## 使用jQuery Dialog展示element
在web开发中，经常需要使用弹出窗口来展示一些重要信息或者进行用户交互操作。jQuery Dialog是一个非常方便、易用的工具，可以帮助我们快速实现弹出窗口的功能。本文将介绍如何使用jQuery Dialog来展示element，并提供代码示例。
### 1. 引入jQuery和jQuery UI
首先，在你的HTML文件中引入jQu
原创
2024-05-11 03:32:18
93阅读
封装继承多态1.封装概述：隐藏对象的属性和实现细节，对外提供公共的访问方式。原则：不需要用户访问的内容隐藏起来package org.wdit.unti08;
/**
* 标准类第一版
* 1.私有化成员变量
* 2.提供公共的访问方式：setXxx()/getXxx()
*/
public class Student2 {
private String name;//姓名
第一种方式 点击销毁通知<template>
<div>
<el-button @click="showNotification">显示通知</el-button>
<el-button @click="destroyNotification">销毁通知</el-button>
继上一次分享electron24+vite4整合构建桌面端窗口应用。这次在此基础上分享封装多开窗口管理器ElectronVite-MultiWin。截至目前Electron最新稳定版本到25了。 electron快速迭代更新，vite的高效构建运行速度，二者搭配构建独立窗口，打开速度极快。 electron主进程模块BrowserWindow用于创建一个简单的新窗体。https://www.ele
开机启动问题网上搜到的都是window下采用注册表写入的方式做的，找不到Mac的方法，其实有一个通用的包可以解决这个问题：yarn add auto-launch -D来看具体代码const AutoLaunch = require('auto-launch')
var launch = new AutoLaunch({
name: 'TimeManager', // APP 名称
pa
1. 首先需要在高德地图注册对应的服务，注意绑定服务一定要是`web端`，如下图，我们会拥有对应的key值和安全密钥。2. npm安装Loadernpm i @amap/amap-jsapi-loader --save3. 创建一个地图容器组件，设置key和安全密钥初始化时先设置安全密钥window._AMapSecurityConfig = {
securityJsCode: "xxxx
一般都是多层嵌套的组件来组成整个项目，为了方便管理，我们也希望在url上能体现出这种层级关系。从左到右依次为：主页面；点击主页面中子组件1后展示的页面；点击主页面中子组件2后展示的页面）：子组件1而言，点击颜色和爱好后展示如下：子组件2而言，点击颜色和爱好后： 代码风格：子组件1和子组件2都是通过路由携带的名字来动态展示页面中的内容，并且，子组件1和子组件2中
所有使用基于组件的体系结构(如Vue和React)的开发人员都知道，创建可重用组件是很困难的，而且大多数情况下，最终会通过传入大量的属性，以便从外部更容易地控制和自定义组件。这并不坏，但是传递大量属性确实会变得有点麻烦和丑陋。我们以 vuetify 的按钮组件为例，它是最简单的组件之一。假设我们想要在大多数情况下传递相同的属性：<v-btncolor='primary'href='https
前言在开发项目的过程中，经常会需要开发一些弹出框效果，但原生的alert和confirm往往都无法满足项目的要求。这次在开发基于Vue.js的读书WebApp的时候总共有两处需要进行提示的地方，因为一开始就没有引入其他的组件库，现在只好自己写一个模态框组件了。目前只是一个仅满足当前项目需求的初始版本，因为这个项目比较简单，也就没有保留很多的扩展功能。这个组件还是有很多扩展空间的，可以增加更多的自定
转载
2024-09-29 17:45:30
564阅读
首先还是要明确几个概念，这里通过修改css并截图给大家介绍下，理解了这几个概念，代码写起来会得心应手许多。clientWidth，clientHeightscrollWidth，scrollHeightoffsetWidth，offsetHeightclientLeft，clientTopscrollLeft，scrollTopoffsetLeft，offsetTop1. clientWidth，
转载
2024-03-25 20:01:46
976阅读
