注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. vue 移动端弹层组件

  2. 这是一个用Vue技术封装的组件，主要在移动端使用。 1、其实前端的UI库有很多，但是我们却不需要将所有的都使用，虽然也可以单个加载。 2、弹层的组件有很多，但是在某些机型上有兼容问题，这里我单独封装了一下，只功参考

  3. 所属分类：Web开发

    • 发布日期：2020-05-27
    • 文件大小：3072
    • 提供者：qq_38998250

  1. vue组件实现弹出框点击显示隐藏效果

  2. 主要为大家详细介绍了vue组件实现弹出框点击显示隐藏，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  3. 所属分类：其它

    • 发布日期：2020-08-27
    • 文件大小：86016
    • 提供者：weixin_38517997

  1. 详解用vue编写弹出框组件

  2. 本篇文章主要介绍了详解用vue编写弹出框组件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  3. 所属分类：其它

    • 发布日期：2020-08-30
    • 文件大小：83968
    • 提供者：weixin_38725260

  1. vue弹出框组件封装实例代码

  2. 主要介绍了vue弹出框组件封装，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-16
    • 文件大小：52224
    • 提供者：weixin_38591223

  1. Vue组件化开发之通用型弹出框的实现

  2. 主要介绍了Vue组件化开发之通用型弹出框的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

  3. 所属分类：其它

    • 发布日期：2020-10-15
    • 文件大小：192512
    • 提供者：weixin_38674883

  1. Vue.js弹出模态框组件开发的示例代码

  2. 本篇文章主要介绍了Vue.js弹出模态框组件开发的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  3. 所属分类：其它

    • 发布日期：2020-10-19
    • 文件大小：58368
    • 提供者：weixin_38652196

  1. 使用vue实现各类弹出框组件

  2. 主要介绍了使用vue实现各类弹出框组件,文中给大家提到了vue中常用的dialog组件的封装，本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-16
    • 文件大小：56320
    • 提供者：weixin_38677306

  1. Vue组件化开发之通用型弹出框的实现

  2. 本文主要分享关于组件化开发的理解，让刚入门的小伙伴少走一些弯路，提高开发效率，作者本人也是新手，如有不当之处，请大佬指出，感谢。 相信很多刚入门的小伙伴，经常会写很多重复的代码，而这些代码一般情况下也都是大同小异，在这种情况下，如何让开发和学习变得更加高效，组件化的思想就显得尤为重要。这里通过设计一个简单的弹出框，给小伙伴们分享组件化的应用。 组件&组件化 组件化是对某些可以进行复用的功能进行封装的标准化工作。组件一般会内含自身的内部UI元素、样式和JS逻辑代码，它可以很方便的在应用的任何地方

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：188416
    • 提供者：weixin_38728360

  1. 使用vue实现各类弹出框组件

  2. 简单介绍一下vue中常用dialog组件的封装： 实现动态传入内容，实现取消，确认等回调函数。 首先写一个基本的弹窗样式，如上图所示。 在需要用到弹窗的地方中引入组件： import dialogBar from './dialog.vue' components:{ 'dialog-bar': dialogBar, }, 点击一个按钮显示弹窗，并保证关闭弹窗后再次点击依旧显示 在弹窗组件中定义一个value值：v-model="sendVal"，sendVal初始值为false。

  3. 所属分类：其它

    • 发布日期：2020-12-01
    • 文件大小：63488
    • 提供者：weixin_38713306

  1. vue项目中做编辑功能传递数据时遇到问题的解决方法

  2. 在项目中完成编辑功能时，遇到了这样一个问题：编辑的功能使用的是一个子组件作为弹出框，如图 这里涉及到从父组件向子组件传递数据的问题，这个项目使用的是v1.0，问题是当点击了编辑以后，弹出的子组件中没有获取到父组件传过来的数据，检查后没有发现代码错误，最后解决的方法就是在父组件中，把传递的数据中的每一项都初始化了一遍就好了 creatIssue (type,list,id){ this.modelIssue=true; this.modeltype=type; i

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：38912
    • 提供者：weixin_38627769

  1. vue多种弹框的弹出形式的示例代码

  2. 1、父组件引入子组件，子组件的加载问题 products.vue引入dlAddProd弹框（dlAddProd.vue），由于，所以在products页面加载时，dlAddProd会被加载。但是el-dialog中的body部分不会被加载（不管有没有加v-if指令）；dlAddProd弹框中又引入了dlBlankAdd弹框和dlEditProd弹框，但此时只有dlBlankAdd会被加载，dlEditProd不会被加载（）； 2、注意的地方 由于element-UI的弹框组件el-dial

  3. 所属分类：其它

    • 发布日期：2020-12-08
    • 文件大小：89088
    • 提供者：weixin_38728183

  1. vue 自定义提示框(Toast)组件的实现代码

  2. 1.自定义 提示框 组件 src / components / Toast / index.js /** * 自定义 提示框( Toast )组件 */ var Toast = {}; var showToast = false, // 存储toast显示状态 showLoad = false, // 存储loading显示状态 toastVM = null, // 存储toast vm loadNode = null; // 存储loading节点元素 Toast.install

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：47104
    • 提供者：weixin_38628626

  1. vue组件实现弹出框点击显示隐藏效果

  2. 本文实例为大家分享了vue实现弹出框点击显示隐藏的具体代码，供大家参考，具体内容如下 效果如下图   由于我的更改密码弹出框是一个组件引用的，所以在一开始是隐藏的，这就需要在当前的页面上对弹出框组件设置v-show,但是在弹出框显示出来的时候，操作执行完后当前页面的更改按钮已经被弹出框覆盖了。所以只能在弹出页面点击取消实现关闭隐藏弹出框。这样就需要写两个点击事件，但是两个点击事件就会有冲突，需要点击两下才能使弹出框显示和隐藏。然后我就用的以下方法，希望可以帮到大家！！！ 代码如下

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：81920
    • 提供者：weixin_38707153

  1. vue弹出框组件封装实例代码

  2. 新学vue，参考别人封装弹出层组件。好用！ 1.你需要先建一个弹出框的模板： //首先创建一个mack.vue {{text.title.trim()}} <div class=mesg font_s v-if=text.mesg :styl

  3. 所属分类：其它

    • 发布日期：2020-12-30
    • 文件大小：51200
    • 提供者：weixin_38687648

  1. vue中的模态对话框组件实现过程

  2. 写在前面 对话框是很常用的组件 ， 在很多地方都会用到，一般我们可以使用自带的alert来弹出对话框，但是假如是设计出的图该怎么办呢 ，所以我们需要自己写一个对话框，并且如果有很多地方都用到，那我们很有必要写成一个通用的组件形式，在需要的地方之间引用。 现在我们来动手实现一个对话框组件 ，按照之前的习惯，我们先看下实现的效果图 1.首先，通过template定义一个组件 <div class=dialog

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：73728
    • 提供者：weixin_38528180

  1. vue中element-ui表格缩略图悬浮放大功能的实例代码

  2. element-ui界面非常简洁和美观，提供的组件可以满足绝大多数的应用场景，当表格中显示了图片的缩略图时，想要鼠标浮动在缩略图上时放大图片的效果，该如何实现呢？element-ui虽然没有直接提供图片悬浮放大的组件，但是可以使用Popover弹出框组件，一样实现效果，如下： 具体的代码（此处只是图片单元格的代码，其它代码省略）： <template slot-scope=sc

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：88064
    • 提供者：weixin_38528459

  1. Vue.js弹出模态框组件开发的示例代码

  2. 前言 在开发项目的过程中，经常会需要开发一些弹出框效果，但原生的alert和confirm往往都无法满足项目的要求。这次在开发基于Vue.js的读书WebApp的时候总共有两处需要进行提示的地方，因为一开始就没有引入其他的组件库，现在只好自己写一个模态框组件了。目前只是一个仅满足当前项目需求的初始版本，因为这个项目比较简单，也就没有保留很多的扩展功能。这个组件还是有很多扩展空间的，可以增加更多的自定义内容和样式。这里只介绍如何去开发一个模态框组件，有需要进行更多扩展的，可以根据自己的需求自行开

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：80896
    • 提供者：weixin_38735782

  1. 详解用vue编写弹出框组件

  2. 前言 最近研究了用vue编写弹出框的组件，发现其实这里面的门道还是有很多的。这篇文完全是用来记录总结下最近的学习成果，同时也希望能够帮得上正在学习纠结的你~ps:本文假设你已经了解vue2.0相关框架，因此适合有一定vue2.0基础的同学阅读。 设计组件的思考 其实单纯的编写一个弹出框组件并不难，写一个模板，然后用v-if或者v-show指令还控制组件的出现与消失。真正困扰我的是，这个组件的调用方式，这个问题纠结了我好久。 调研了下资料，有些人建议，直接把组件标签插进模板中，然后通过直接控制

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：82944
    • 提供者：weixin_38670065

  1. vue实现点击出现操作弹出框的示例

  2. 如上图所示，这次要实现一个点击出现操作弹框的效果；并将这个功能封装成一个函数，便于在项目的多个地方使用。 具体思路是： 　　封装一个组件，组件保护一个插槽，我们可以根据不同的场景，利用插槽随意在这个弹框里插入任何元素，这个弹框显示时根据我鼠标的点击位置，定位弹窗的位置，并在组件里面监听鼠标抬起事件，触发事件时将弹窗隐藏； 接着在函数中利用createElement和appendChild方法将弹出框创建并插入到页面中； 　  本次实现基于vuecli3 接下来，具体实现：      首先，我们先

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：76800
    • 提供者：weixin_38620893

  1. 基于Vue.js+Nuxt开发自定义弹出层组件

  2. 今天给大家分享VPopup 基于Vue.js构建的轻量级移动端弹出框组件，详情如下所示： 一款融合了Vant、NutUI等热门Vue组件库中的Popup弹层、Dialog对话框、Toast提示框、ActionSheet动作面板框、Notify通知框等功能。 快速使用 在main.js中引入组件 // 引入弹窗Popup import Popup from './components/popup' Vue.use(Popup) 支持如下两种 组件式 及 函数式 调用插件。 组件式

  3. 所属分类：其它

    • 发布日期：2021-01-18
    • 文件大小：883712
    • 提供者：weixin_38694336
« 12 »