前言 vue2.x中,可以使用 Vue.extends 来封装一个弹框,在vue 3.0中,该api已经被废除。 实现后使用方式: Message.info(‘提示’); Message.error(‘错误’); 1.修改index.html 注: 添加 < div id=“message”></ ...
转载
2021-09-02 10:05:00
596阅读
2评论
最近,用zk的message老感觉填写东西很麻烦,就对它做了此封装,封装后,就简单多了.
import org.zkoss.zul.Messagebox; /** * * @功能 :对话框的封装 * @创建人 gao_jie * @创建日期 Mar 4, 2009 * @版本 1.0 * */ pub
原创
2009-08-31 20:08:30
671阅读
记录下学习过程。本人新手,边学边整理记录,所以代码可能写的不怎么优雅,函数名、变量名也有点乱,暂时不要在意这些细节。想要达到的效果:像element ui的message一样能全局this.$myMessage调用1、编写myLayer.vue定义了弹窗的布局和基本属性。放在src/components目录下。<template> <div class="modal" v-
原创
2022-09-05 16:31:55
1022阅读
this.$message({ type: 'success'/'warning'/'error'/'info', message: '消息提示内容', showClose: true/false, duration: Number, center: true/false, dangerouslyU ...
转载
2021-08-16 10:37:00
1104阅读
2评论
文章目录简介指定业务项目的错误码和错误信息考虑让原本注册的路由函数返回指定格式路由函数具体怎么接入使用简介写 gin 的项目其
原创
2022-04-19 17:32:43
1521阅读
点赞
vue组件的定义● 组件(Component)是Vue.js最强大的功能之一● 组件可以扩展HTML元素,封装可重用代码● 在较高层面上,组件是自定义元素,Vue.js的编译器为他添加特殊功能● 有些情况下,组件也可以表现用 is 特性进行了扩展的原生的HTML元素● 所有的Vue组件同时也都是Vue实例,所以可以接受相同的选项对象(除了一些根级特有的选项),并提供相同的生命周期钩子vue组件的功
转载
2024-02-04 02:10:19
72阅读
关键词:SDK,VUE,单例模式,代码复用本文旨在分享一个前端 sdk 的开发方式。即使用 vue 直接开发1.项目背景需求描述:1.开发一个集团通用 SSO 单点登录页面,大致如下图: 2.开发一个对应 sdk,给接入方使用,页面效果和 web 保持一致。如下图: SDK 需求: 提供调用方式给用户,可以传递参数,调用方法,直接生成登录弹框和背景半透明的蒙层在弹框成功
转载
2024-07-02 19:52:59
139阅读
vue2.x 适合使用 main.js如下: import 'ant-design-vue/dist/antd.css'; import { message } from 'ant-design-vue'; Vue.prototype.$message = message; Vue.use(Antd
原创
2022-09-20 12:02:40
276阅读
如何改变element-ui框架的message弹框提示时间_zuo_zuo_blog的博客-CSDN博客 http://element-ui.cn/#/zh-CN/component/message 官网文档 示例: this.$Message.error({duration:5,content: ...
转载
2021-09-02 17:19:00
2760阅读
2评论
一、安装axios和confignpm install axios --Savenpm install config --Save二、封装config文件在src目录下创建config文件夹,config内创建index.js文件//网络请求地址 例如: http://wwww.baidu.com 本地开发时,可直接填写后端测试接口地址(需要设置浏览器允许跨域请求,或后端设置Cross-orig
转载
2024-02-24 23:02:38
37阅读
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 https://www.electronjs.org/ 目录01.打包封装1.创建v
转载
2023-12-29 22:14:20
17阅读
1、校验数据类型export const typeOf = function(obj) {
return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase()
}示例typeOf('vue') // string
typeOf([]) // array
typeOf(new Date()) // date
typeO
转载
2024-03-18 09:00:44
36阅读
之前我发布了一篇是有关于uniapp的接口简单封装,这次我发布的是vue的接口简单封装,这次有涉及到几个依赖,需要提前安装好,一个是axios依赖,一个是qs依赖,以下是安装方法:npm install axios -S
npm install qs安装完之后,就可以直接再也没中引入了,这次涉及到三个文件,一个是对axios的封装文件,即axios.js,一个是对接口的封装文件,即index.js
转载
2024-04-18 13:32:44
224阅读
基于element二次封装弹出框一、简单封装Message在components创建个M
原创
2023-02-23 19:00:52
235阅读
点赞
文章目录一、axios是什么特性基本使用二、为什么要封装三、如何封装设置接口请求前缀# 设置请求头与超时时间封装请求方法请求拦截器响应拦截器小结参考文献 一、axios是什么axios 是一个轻量的 HTTP客户端基于 XMLHttpRequest 服务来执行 HTTP 请求,支持丰富的配置,支持 Promise,支持浏览器端和 Node.js 端。自Vue2.0起,尤大宣布取消对 vue-re
转载
2024-06-29 21:16:38
48阅读
目录前言一、为什么要封装请求二、创建axios实例并导出三、接口的封装四、接口在页面的调用五、补充内容(跨域请求需配置代理) 前言此封装没有什么复杂的内容都是一些基本操作,因此较适合小白,复制黏贴即可用。一、为什么要封装请求小型的项目是完全可以不封装的,中大型项目非常建议封装一下,有些接口是重复调用的,那样你就需要重复去写,而且当接口修改时,你就需要去找n个调用了这个接口的页面,然后一个个的重复
转载
2023-09-19 21:11:00
216阅读
目录前提准备:1、vue项目npm run build打包成dist文件夹2、注册hbuilderx账号,获取appid步骤一、创建h5+app空模版 二、 将打包完成生成dist文件目录复制到新建的项目里三、检测打包的index.html是否白屏四、 配置manifest.js应用入口页面地址 五、manifest.js里图标配置 六、云打包下载前提准备:1、vue
转载
2024-01-18 15:50:11
75阅读
概述本文主要进行描述一种在vue中封装表格的方法。目标是达成类似于element-plus中的使用方式。element-plus中表格用法如下:<template>
<el-table :data="tableData">
<el-table-column prop="id" label="Id" />
<el-table-column prop
转载
2024-04-09 12:38:50
436阅读
前言: 什么是axios,简单的来说就是axios 是一个基于 promise 的 HTTP 库,简单的讲就是可以发送get、post等请求。axios 是一个轻量的 HTTP客户端,它基于 XMLHttpRequest 服务来执行 HTTP 请求,支持丰富的配置,支持 Promise,支持浏览器端和 Node.js 端。自Vue2.0起,尤大大(Vue作者尤雨溪)宣布取消对 vue-resour
转载
2023-08-23 12:25:48
297阅读
组件的prop双向绑定于vue2废除,vue2的prop只限于父->子的单向流动,不能修改外层传来的数据,如果需要得自己来实现。实现方法步骤: 1.在组件内得data对象中创建一个props属性的副本data: function () {
return {
myResult: this.result(props中得值)//data中新增字段
}; 2.创建针对props
转载
2023-06-14 14:59:26
159阅读