代码已上传至github github代码地址:https://github.com/Miofly/mio.git 使用示例<template> <view class="bg-white padding"> <!--顶部消息--> <messTip ref="toast" v-if="index==0">
原创 2022-10-13 16:41:20
281阅读
调用方法:this.$Result.init({ title:"标题", subTitle:"副标题", type:'success', append:"内容补充", btns:[ { name:"确定", ..
vue
原创 2021-07-05 15:57:46
196阅读
调用方法:this.$Result.init({ title:"标题", subTitle:"副标题", type:'success', append:"内容补充", btns:[
原创 2022-01-30 17:44:51
108阅读
如果需要这样访问this$showToast.load('正在加载') 这样的需求 你可以看看 (也是我写的效果一
原创 2022-07-25 16:31:50
827阅读
  在使用Vue开发管理系统项目的时候,为了保存页面的浏览状态,我们可以使用内置组件keep-alive来缓存组件内部状态,避免重新渲染。<keep-alive> <router-view></router-view> </keep-alive>  被keep-alive包裹的动态组件或router-view会缓存不活动的实例,再次被调用这些被缓
转载 2024-03-04 07:18:45
260阅读
有时候项目开发时,我们给一个普通组件增加样式以使达到更好的显示效果。但是如果在其它地方也想使用这种样式的组件,难道要重新拷贝过来吗?答案是不需要的,这里就需要将这个经常用的组件,封装成一个组件,注册到Vue中。 文章目录1.注册全局组件2. 注册局部组件3.单文件组件注册和使用 1.注册全局组件我们可以使用Vue.component,更多请参考官方文档:Vue.component('compone
转载 6月前
21阅读
文章目录一、项目集成1. 引入方式2. 确认框封装3. 提示框封装4. 确认
原创 2022-09-06 05:48:38
456阅读
用法: html: js: css:
原创 2022-03-02 11:58:54
644阅读
src/components/Toast.vue<template> <transition name="fade"> <div class="fixed w-full h-full left-0 top-0 flex z-100 transition-all" v-if="s
原创 10月前
157阅读
安装方法:通过 npm install vue-notification 就能使用了。导入方法:import Notifications from 'vue-notification';Vue.use(Notifications);并
原创 2023-12-15 09:08:27
339阅读
如果不需要this$showToast.load('正在加载') 这样的需求 把它封装成 组件就可以了
原创 2022-07-25 16:31:39
115阅读
前言 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评论
1.组件,什么是组件,可以这样理解,一个页面有可能包含很多逻辑,很混乱,当我们将这一大坨东西分为很多个小东西,每一个小东西只完成自己的功能,和其他的小东西互不干涉,页面想要使用,只需要引入就行了。 2.组件的使用可分为三步:一创建组件构造器,二注册组件,三使用组件 3.其实每一个组件就相当于一个vue实例,它也有自己的template,method,data,components这些东西,data
转载 2024-04-03 12:51:40
155阅读
参考vue文件地址:递归组件实现遍历效果递归组件实现思路:遍历数组元素,并判断子元素的子集数量是否大于0。如果子集的集合数量大于0,则需要需要再一次调用该组件。如果子集的集合数量等于0,则直接显示内容。创建组件<!-- subordinate:判断是否为子集递归; activeNames:打开折叠面板的集合。 --> <van-collapse v-if="!subord
转载 2024-02-29 17:08:53
136阅读
# Java提示组件 在Java编程中,提示组件是一种用于提供用户输入建议的工具。它可以在用户输入时显示可能的选项,帮助用户快速选择正确的输入。在本文中,我们将介绍Java中常用的提示组件,并提供一些代码示例来演示它们的使用。 ## JComboBox JComboBox是Java Swing库中常用的提示组件之一。它是一个下拉列表,用户可以从中选择一个选项。以下是一个简单的JComboBo
原创 2024-01-08 13:01:23
39阅读
问题:Failed to resolve component: canvas-datagrid,If this is a native custom element, make sure to exclude it from component
原创 2022-12-18 00:02:01
3989阅读
1点赞
PS:本文适合熟悉vue以及了解react的同学 由于公司业务使用得是react开发的后台系统(也有vue的项目),对于我这种只写过react demo 的小白菜确实是一个机会,学习一个框架最好的办法就是从业务做起。首先我们要弄清做业务需要什么知识点去支持比如:react 是怎么样传输数据的?react 怎么封装组件?react 的生命周期?。。。。实际上vue熟练的同学们,我觉得转react还是
转载 2023-08-23 15:12:27
200阅读
我们先来总结一下前面已经认识的选项 el:指定Vue实例的挂载点,根实例的特有属性 data:用于声明需要响应式绑定的数据对象 components:Vue实例配置局部注册组件 template:用于挂载元素的字符串模板 render:渲染函数,创建虚拟DOM,是字符串模板的替代方案。现在开始一个例子介绍一下其他常用的选项(options对象的属性): 下面的代码局部注册了一个组件AgeStati
(1)组件名 在注册一个组件的时候,我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了: 该组件名就是 Vue.component 的第一个参数。你给予组件的名字可能依赖于你打算拿它来做什么。当直接在 DOM 中使用一个组件 (而不是在字符串模板或单文件组件) 的时候,强烈推荐遵循 W3C
转载 2019-03-26 11:44:00
551阅读
2评论
组件基础  一、组件作用       组件(Component)是 Vue.js 最强大的功能之一。        组件可以扩展 HTML 元素,封装可重用的代码。       
转载 2024-02-28 16:54:13
58阅读
  • 1
  • 2
  • 3
  • 4
  • 5