文章 2024-07-01 来自:开发者社区

vue 自定义消息弹窗 $info | 内含Vue.extend()和.$mount()的使用方法

最终效果(含使用方法) this.$info('你成功啦!') ...

vue 自定义消息弹窗 $info | 内含Vue.extend()和.$mount()的使用方法
文章 2023-01-08 来自:开发者社区

Vue3 实现一个自定义toast(小弹窗)(二)

四. Toast居中的思路1.现在我们可以不设置Toast的宽度,并且拿到根据文字数量不同所变化的宽度。由于这个属性是组件挂载完毕以后才有的属性,那么我们可以在onMounted里拿到。首先需要拿到元素本身,这里采用打ref的方式。具体变量和代码如下:不过多赘述然后我们需要通过一个计算属性动态的计算出该组件的样式;ok,这样就实现了居中的效果。并且不管我们如何改变内容都没关系。居中效果是动态计算....

Vue3 实现一个自定义toast(小弹窗)(二)
文章 2023-01-08 来自:开发者社区

Vue3 实现一个自定义toast(小弹窗)(一)

前言:  前两天在项目中很多场景下都需要用到一个toast弹窗,项目使用的是ionic+tailwind_Css,ionic也有自带的toast弹窗,虽然大部分场景下直接调用它提供的api已经能满足需求了,但是它弹窗的高度,(也就是弹窗出现的位置)并不是高度自定义的,并且弹窗的z-index在我们项目中会和一些组件冲突,但是这个之前一直没有办法解决,所以干脆自己手写了一个使用方法高度类....

Vue3 实现一个自定义toast(小弹窗)(一)
文章 2022-04-23 来自:开发者社区

VUE3(二十四)自定义alert弹窗组件

我这里自定义了几个alert弹窗组件:1:带有确定取消的alert弹窗组件:效果如下图所示代码:/** * 自定义公共函数 */ const utils = { /** * @name: 自定义alert(确定,取消) * @author: camellia * @email: guanchao_gc@qq.com * @date: 2021-01-...

VUE3(二十四)自定义alert弹窗组件

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注