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

搜索资源列表

  1. 移动端底部导航固定配合vue-router实现组件切换功能

  2. 经常遇到这样的需求，移动端中的导航并不是在顶部也不是在底部，而是在最底部且是固定的，当我们点击该导航项时会切换到对应的组件。这篇文章主要介绍了移动端底部导航固定配合vue-router实现组件切换功能,需要的朋友可以参考下

  3. 所属分类：其它

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

  1. vue实现导航栏效果（选中状态刷新不消失）

  2. Vue导航栏        用Vue写手机端的项目，经常会写底部导航栏，我这里总结一套比较方便实用的底部导航栏方法，并且可以解决浏览器刷新选中状态消失的问题。也可以选择自适应屏幕。看一下效果，底部的图标全是UI给的选中和未选中样式的图片，根据公司要求，你也可能会用fontsize去写。（全部代码黏贴到本文的最后面了） 1、首先把这些小图片放到src/assets路径下面（自动base64编码） 2、在data（）里边定义一个选中对应的变量isSelect，和循环遍历的数组，数组下面放图标

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：117760
    • 提供者：weixin_38666230

  1. vue子路由跳转实现tab选项卡

  2. 现在很多的后台管理系统都采用tab选项卡的布局，左边是导航栏固定，右边是对应的页面，每次点击左边的导航标题，只有右面的对应页面再切换，而vue要做tab选项卡，推荐使用实现a标签的效果，然后使用实现插槽的效果，把对应的页面 “塞” 进去，具体实现看下面的案例： 1、这是tab选项卡的页面，布局就不说了，主要是{{a.title}}，其

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：376832
    • 提供者：weixin_38606656

  1. 讲解vue-router之什么是嵌套路由

  2. 上一次给大家简单说了下什么是动态路由现在我们来讲讲嵌套路由。 GitHub：https://github.com/Ewall1106/mall 1.嵌套路由的使用场景是什么呢？ 大家都知道选项卡，在选项卡中，顶部有数个导航栏，中间的主体显示的是内容；这个时候，整个页面是一个路由，然后点击选项卡切换不同的路由来展示不同的内容，这个时候就是路由中嵌套路由。 2.具体是怎么实现的？ ① 为了演示，我们现在view文件夹下新建一个title1.vue和title2.vue用来存放不同的内容 tit

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：337920
    • 提供者：weixin_38556737

  1. vue路由 遍历生成复数router-link的例子

  2. 业务场景：使用vue-cli做一个spa； 需求：顶部导航栏控制下方内容栏，实现页面内切换。 毫无疑问，vue-router很适合这样的需求，实现起来也并不复杂： 1、main.js： import VueRouter from 'vue-router' Vue.use(VueRouter); 2、定义（路由）组件： import songList from './components/songList.vue' const Bar = { template: 'no.2' } const

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：77824
    • 提供者：weixin_38616809

  1. vue自定义底部导航栏Tabbar的实现代码

  2. 如图所示，要完成类似的一个底部导航切换。 首先。我们需要分为5个大的VUE文件。可以根据自己的习惯来放在不同的位置。 我将5个主要的vue文件放在了5个不同的文件夹 然后,在components文件夹里新建Tabbar.vue/以及Item.vue文件 Item.vue文件如下 <slot n

  3. 所属分类：其它

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

  1. vue实现样式之间的切换及vue动态样式的实现方法

  2. 前言 既然我们选择了vue，那么在做东西时就不要想着去操作dom，所有的都交给vue来解决。 下面来说一个很简单但是很常用的效果，可能人人都会用到这样的需求 请看下图 导航栏的样式切换功能，如果我们使用jquery之类的东西来写，可能要写好多代码，那么我们用vue呢， 代码如下 html 附上vue中style与class绑定API <div v-for=(list,index) in navLists class=nav :class={ red:changeRed == in

  3. 所属分类：其它

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

  1. vue使用vuex实现首页导航切换不同路由的方法

  2. vue实现首页导航切换不同路由的方式（二）【使用vuex实现的】，具体代码如下所示： 了解海华教育(视频) <li click=

  3. 所属分类：其它

    • 发布日期：2020-12-28
    • 文件大小：131072
    • 提供者：weixin_38707826

  1. vue实现导航标题栏随页面滚动渐隐渐显效果

  2. 项目开发中导航栏随页面滚动渐隐渐显这一功能还是较为常用的，下面作一个用vue实现此功能的代码分享。 1. 为导航栏元素style属性用v-bind绑定data数据”opacityStyle”。 景点详情 //内容我就简约了，实际开发以需求为准 2. data中定义opacityStyle，数据内容是opacity透明度属性，设置为0。 data() { return { opacityStyle:{ opacity:0 } } } 3. 监听scroll事件并执行相应方法，一般我

  3. 所属分类：其它

    • 发布日期：2020-12-28
    • 文件大小：43008
    • 提供者：weixin_38546308

  1. argon-design-system-angular-源码

  2. 全编码组件 Argon Design System Angular由100多个独立组件构成，可让您自由选择和组合。 所有组件的颜色都可能不同，您可以使用SASS文件轻松对其进行修改。 因为所有元素都已实现，所以从原型制作到功能齐全的代码，您将节省大量时间。 该套件随附了预先构建的示例，因此开发过程是无缝的，从我们的页面切换到真实的网站非常容易。 每个元素都有颜色，样式，悬停，焦点的多种状态，您可以轻松访问和使用。 复杂文件 每个元素在非常复杂的文档中都有很好的呈现。 您可以在阅读有关此背后想法

  3. 所属分类：其它

    • 发布日期：2021-03-11
    • 文件大小：2097152
    • 提供者：weixin_42131728

  1. Maxi-源码

  2. 全编码组件 Argon Design System Angular由100多个独立组件构成，可让您自由选择和组合。 所有组件的颜色都可能不同，您可以使用SASS文件轻松对其进行修改。 因为所有元素都已实现，所以从原型制作到功能齐全的代码，您将节省大量时间。 该套件随附了预先构建的示例，因此开发过程是无缝的，从我们的页面切换到真实的网站非常容易。 每个元素都有颜色，样式，悬停，焦点的多种状态，您可以轻松访问和使用。 复杂文件 每个元素在非常复杂的文档中都有很好的呈现。 您可以在阅读有关此背后想法

  3. 所属分类：其它

    • 发布日期：2021-03-10
    • 文件大小：2097152
    • 提供者：weixin_42099530

  1. Fizz_Frontend-源码

  2. 全编码组件 Argon Design System Angular由100多个独立组件组成，可让您自由选择和组合。 所有组件的颜色都可能不同，您可以使用SASS文件轻松进行修改。 因为所有元素都已实现，所以从原型制作到功能齐全的代码，您将节省大量时间。 该套件随附了预先构建的示例，因此开发过程是无缝的，从我们的页面切换到真实的网站非常容易。 每个元素都有颜色，样式，悬停，焦点的多种状态，您可以轻松访问和使用。 复杂文件 每个元素在非常复杂的文档中都有很好的呈现。 您可以在阅读有关此背后想法的更

  3. 所属分类：其它

    • 发布日期：2021-02-22
    • 文件大小：2097152
    • 提供者：weixin_42162171

  1. 移动端底部导航固定配合vue-router实现组件切换功能

  2. 在我们平时练习或者实际项目中也好，我们常常遇到这么一个需求：移动端中的导航并不是在顶部也不是在底部，而是在最底部且是固定的，当我们点击该导航项时会切换到对应的组件。 相信对于很多朋友而言，这是一个很简单的需求，而且市面上有很多开源的组件库就可以实现，像比如说：cube-ui等！那么对于一个要是还在练习以及对第三方组件库不是很了解的朋友不妨看看我这篇，相信会对你有所收获的！ 首先，在实现这个需求之前，我们先分析或者回想下和自己做过的demo中哪个类似，相信很多朋友立马就会想起来—tab栏切换，那么

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：60416
    • 提供者：weixin_38601446

  1. Vue实现点击导航栏当前标签后变色功能

  2. 本文实例为大家分享了Vue实现点击导航栏当前标签后变色的具体代码，供大家参考，具体内容如下 效果图 实现 这个功能，借助一个切换标识，当与各标签项 index 对应时切换 css。 HTML： {{ item }} </t

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：32768
    • 提供者：weixin_38543950

  1. 解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况

  2. 需求： 项目中需要开发一个导航栏，类似浏览器的导航，没有关闭的时候页面缓存，关掉之后，页面随之销毁。（如图） 项目是使用Vue + Vue-Router + Vuex 刚开始使用的方法是：关闭导航标签，直接调用对应的页面的$destory()方法，OK，可以实现关闭页面（下次再打开该页面，将初始化）的功能，但是遇到个问题： 该页面将不再被缓存，也就是说切换导航tab时，页面将不断的被初始化！！！ 查了一下文档，找了度娘，没发现解决方法，又去请教G哥，这才发现原来Vue keep-alive真的

  3. 所属分类：其它

    • 发布日期：2021-01-18
    • 文件大小：71680
    • 提供者：weixin_38657353

  1. vue实现两个组件之间数据共享和修改操作

  2. 我们在使用vue开发过程中会遇到这样的情况，在父组件中引入了子组件，需要将父组件的值传到子组件中显示，同时子组件还可以更改父组件的值。 以我目前的一个项目的开发为例，如下图页面： 在父组件中，我引入了两个子组件，一个是左边的导航栏，还有中间的一个富文本编译器组件，当我点击左边导航栏时，中间的页面会切换，也就是改变引入的子组件。 怎么实现呢，首先，设置在该页面index.vue中设置一个变量index，左边导航栏每一项也对应一个index值，导航菜单绑定select函数，select=”hand

  3. 所属分类：其它

    • 发布日期：2021-01-18
    • 文件大小：209920
    • 提供者：weixin_38617851