您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. vue实现form表单与table表格的数据关联功能示例

  2. 主要介绍了vue实现form表单与table表格的数据关联功能,涉及vue.js表单事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-17
    • 文件大小:31kb
    • 提供者:weixin_38557935
  1. Vue拖拽组件列表实现动态页面配置功能

  2. 主要介绍了Vue拖拽组件列表实现动态页面配置功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-16
    • 文件大小:45kb
    • 提供者:weixin_38732463
  1. Vue.js仿Metronic高级表格(二)数据渲染

  2. 上篇使用Vue.js制作仿Metronic高级表格(一)静态设计介绍了需求、原型设计以及静态页面实现,这篇讲解如何使用Vue渲染数据,实现动态展示。 表格数据 先定义一个数组来保存所有数据: var vm = new Vue({ el:'#content', data: { book_list: [ {id:1, name:"标准日本语", type: "文化", price:19.00, time: 1492502043}, {id:2, name:"微观经济学",
  3. 所属分类:其它

    • 发布日期:2020-11-26
    • 文件大小:217kb
    • 提供者:weixin_38629303
  1. 使用vue实现HTML页面生成图片的方法

  2. 随着网络的发展,越来越多的网络平台应运而生。如何获得更多的流量,吸引更多的眼球已经成为网络平台生存、发展的必要条件。现在网络平台最常见的一种宣传方式就是人邀人。 我最近就接到一个需求,做一个 海报页面,并且能保存到手机 ,方便用户分享给朋友,希望能够达到人邀人的效果。   给人第一感觉这个需求就是保存图片的功能,当时梳理是却发现不是那么简单:   1.动态生成一张带logo的二维码   2.整个海报的html部分转化成图片   3.保存图片至手机相册 生成带logo的二维码 用 vue_qrc
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:275kb
    • 提供者:weixin_38638309
  1. vue中实现动态生成二维码的方法

  2. 最近项目中有个裂变分享的需求,需要在页面中根据分享人的身份动态生成二维码图片放置在页面中,所以研究了一下这个功能的实现,同时把实现过程记录如下: 1.引入二维码生成模块 npm install qrcodejs2 --save 注意:此处安装qrcodejs2,安装依赖后可在main方法中进行全局引用设置,也可单独某个页面中进行引用设置。 2.引入使用 import QRCode from 'qrcodejs2'; 备注:在main中设置全局可使用 Vue.prototype.qrCo
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:45kb
    • 提供者:weixin_38746442
  1. vue addRoutes实现动态权限路由菜单的示例

  2. 需求 最近接手一个后台管理系统,需要实现导航菜单从后台拉取的效果;根据登录用户的权限不同分别拉出来的导航菜单也不一样,另外可操作的界面也存在区别。 问题 因为后台管理系统是准备使用vue+vue-router+element-ui+vuex的搭配来做的,可是单页应用在进入页面之前就已经将vue-router实例化并且注入vue实例中了,所以在进入登录页面的时候旧没办法在重新定制路由了。接下来各种百之谷之,发现vue-router在2.0版本中提供了addRoutes方法添加路由,希望的曙光出现。
  3. 所属分类:其它

    • 发布日期:2020-11-30
    • 文件大小:235kb
    • 提供者:weixin_38674415
  1. 使用VueRouter的addRoutes方法实现动态添加用户的权限路由

  2. 最近做vue 单页项目涉及到多角色用户权限问题,不同的角色用户拥有不同的功能权限, 不同的功能权限对应的不同的页面 git: https://github.com/pch1024/dynamicRouter 举个例子: 角色A =>功能1 =>功能2 =>功能3 角色B =>功能1 =>功能4 =>功能5 第1步 定义默认路由和动态路由 //动态路由(所有角色的都在这里,我们都做好组件页面了所以我们一定有
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:59kb
    • 提供者:weixin_38501751
  1. 使用Vue构建可重用的分页组件

  2. Web应用程序中资源分页不仅对性能很有帮助,而且从用户体验的角度来说也是非常有用的。在这篇文章中,将了解如何使用Vue创建动态和可用的分页组件。 基本结构 分页组件应该允许用户访问第一个和最后一个页面,向前和向后移动,并直接切换到近距离的页面。 大多数应用程序在用户每次更改页面时都会发出API请求。我们需要确保组件允许这样做,但是我们不希望在组件内发出这样的请求。这样,我们将确保组件在整个应用程序中是可重用的,并且请求都是在操作或服务层中进行的。我们可以通过使用用户单击的页面的数字触发事件来实现
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:239kb
    • 提供者:weixin_38722052
  1. vue实现动态显示与隐藏底部导航的方法分析

  2. 本文实例讲述了vue实现动态显示与隐藏底部导航的方法。分享给大家供大家参考,具体如下: 在日常项目中,总有几个页面是要用到底部导航的,总有那么些个页面,是不需要底部导航的,这里列举一下页面底部导航的显示与隐藏的两种方式: 方式一: 1. 路由配置meta: {footShow: true, }, routes: [ { path: '/', name: 'home', redirect: '/home', // 默认路由添加class component: home
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:27kb
    • 提供者:weixin_38722348
  1. Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)

  2. 1、前阶段做了这个地址管理页面,实现的过程中遇到了很多的问题,好在最后实现了,在此记录一下: 首先是加载页面阶段ajax从数据库中获取数据,然后动态的显示在页面中,随后可以点击单个的编辑或删除进行相关操作,可以单击默认地址按钮进行样式切换,默认地址可以没有(单击选中和取消),但是如果设置默认地址则只能设置一个,好,下面我们来一步一步的实现。 2、我这里使用的是Vue.js,页面加载阶段很简单,直接在mounted声明一个方法,然后在方法中调用ajax请求访问数据然后通过v-for循环将数据放入
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:84kb
    • 提供者:weixin_38647039
  1. vue实现权限控制路由(vue-router 动态添加路由)

  2. 用户登录后返回权限菜单,前端根据权限菜单动态添加路由,然后再动态生成菜单栏。 思路如下: 一、定义初始化默认路由。 二、动态配置路由,这里是把所有组件中相应的路由配置成一个个的对象,根据后台返回的菜单tree一个个去匹配。 三、通过匹配,把匹配好的路由数据addRoutes到路由中。 四、为了防止刷新页面后路由数据被清空,这里用判断是否登录的方式,再次加载动态路由。 具体代码如下: router.js import Vue from 'vue' import {router} fro
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:143kb
    • 提供者:weixin_38613330
  1. Vue仿手机qq的实例代码(demo)

  2. vue简介 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue 学习起来非常简单,本教程基于 Vue 2.1.8 版本测试。 概述 这是一个16年9月份找的开源项目源代码,结合自己的实际情况进行的修改项目,以后内容将会有很大的不同,项目的目标是向QQ看齐 页面效果展示 免责声明 本项目为开源项目,如有类同,纯属巧合。
  3. 所属分类:其它

    • 发布日期:2020-12-09
    • 文件大小:84kb
    • 提供者:weixin_38736011
  1. 使用vue点击li,获取当前点击li父辈元素的属性值方法

  2. vue实现加载并展示后台数据的tab选项卡 vue用于渲染页面 jquery用于方法实现动态效果 {{value.date}} <ul v-on
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:35kb
    • 提供者:weixin_38720390
  1. Vue动态组件实例解析

  2. 前面的话   让多个组件使用同一个挂载点,并动态切换,这就是动态组件。本文将详细介绍Vue动态组件 概述   通过使用保留的 元素,动态地绑定到它的 is 特性,可以实现动态组件 切换页面 [removed] var home = {template:'我是主页'}; var post = {template:'我是提交页
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:51kb
    • 提供者:weixin_38609453
  1. Vue拖拽组件列表实现动态页面配置功能

  2. 需求描述 最近在做一个后台系统,有一个功能产品需求是页面分为左右两部分,通过右边的组件列表来动态配置左边的页面视图,并且左边由组件拼装起来的视图,可以实现上下拖拽改变顺序,也可以删除。 根据这个需求我做了下面这个demo。 功能分解 右边的组件列表,可以通过拖拽克隆到左边,拖拽结束后右边组件列表数量不会减少 左边的组件可以展开或收起 左边的组件可以上下拖拽,删除,但不可向右边拖拽 左边组件拖拽过程中不改变其展开和收起状态 demo截图 代码地址 vue-draggable-l
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:93kb
    • 提供者:weixin_38532629
  1. 基于vue实现一个神奇的动态按钮效果

  2. 今天我们将利用vue的条件指令来完成一个简易的动态变色功能按钮 首先我们还是要对vue进行配置,在上篇随笔中有相关下载教学. 然后我们要在html页面上搭建三个简易的按钮,颜色分别为紫,绿和蓝(颜色随意)其代码如下: 紫 <button click=btn_click('pg2') :style={background:'yellowgre
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:55kb
    • 提供者:weixin_38545463
  1. Python全栈(六)项目前导之10.Vue练习和路由基本使用

  2. Vue练习和路由基本使用一、过滤器的使用1.过滤器概念2.过滤器的定义和使用二、用Vue实现简单的图书管理系统三、Router路由基本使用1.Vue路由基本概念2.基本使用四、动态路由和组件复用1.动态路由2.组件复用 一、过滤器的使用 1.过滤器概念 过滤器就是数据在真正渲染到页面中的时候,可以使用过滤器进行一些处理,把最终处理的结果渲染到网页中。 可以把过滤器理解成一个方法对变量进行处理。 2.过滤器的定义和使用 过滤器包括本地和全局两种,定义方法分别如下: 本地过滤器 在一个组件的选项中定
  3. 所属分类:其它

    • 发布日期:2021-01-08
    • 文件大小:999kb
    • 提供者:weixin_38713039
  1. vue-jekyll:此存储库是用于构建静态站点的基本模板,该站点利用客户端JS框架实现动态功能-源码

  2. 静态,动态。 演示: : 是用于构建静态站点的基本模板,这些站点利用客户端JS框架实现动态功能。 它使用 , , 和 。 它使用NPM(和Bundler)来管理项目的依赖关系,并改善开发工作流程。 它使用Webpack汇总所有独立模块和组件并将其转换为一个捆绑的JS文件。 它使用Jekyll将它们整合在一起,构建站点,并将初始静态文件提供给浏览器。 它使用Vue在客户端渲染页面(如果支持JS),并提供可能需要的任何其他动态功能。 为什么不使用Nuxt? 很棒,但是如果您正在与非技术性
  3. 所属分类:其它

    • 发布日期:2021-02-04
    • 文件大小:185kb
    • 提供者:weixin_42138703
  1. vue实现抽屉弹窗效果

  2. 本文实例为大家分享了vue实现抽屉弹窗效果的具体代码,供大家参考,具体内容如下 以下代码比较简单。主要就是实现 侧边弹窗而且不会影响页面操作的方式,求点赞!!!不多说直接贴代码。 //这种写法是动态获取样式 表格数据 //下面就是弹框内的样式。按自己需要放样式(我这里拿表格举例吧) <el-table :data=tableData
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:120kb
    • 提供者:weixin_38675341
  1. vue实现动态添加数据滚动条自动滚动到底部的示例代码

  2. 在使用vue实现聊天页面的时候,聊天数据动态加到页面中,需要实现滚动条也自动滚动到底部。这时我找到网上有个插件 vue-chat-scroll https://www.npmjs.com/package/vue-chat-scroll 但是安装后发现是用不了的,报错信息如下: VM14383:27 [Vue warn]: Failed to resolve directive: chat-scroll (found in ) 这个一直找不到原因,可能是我vue的版本是2.2不支持吧。。。
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:29kb
    • 提供者:weixin_38516863
« 12 3 4 5 6 7 »