vue
定是你们欺负为师
打工人,打工魂,打工人是人上人
展开
-
vue路由拦截
用户操作跳转页面时,判断是否已登录,登录则跳转到指定页面,反之,跳转到登录页面重新登录router/index.jsimport Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'import City from '@/components/city'import Login from '@/components/login'import Chat from原创 2021-02-18 13:10:17 · 185 阅读 · 0 评论 -
vue transition做轮播图
轮播图部分的代码![在这里插入图片描述](https://img-blog.csdnimg.cn/20210201231619641.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjY0MzM5OQ==,size_16,color_FFFFFF,t_70#pic_center)过渡的类名在进入/离开的过渡中,会...原创 2021-02-01 23:23:42 · 458 阅读 · 0 评论 -
vue组件间通信的常用方法之props和$emit
一、props子组件通过props能够接受父组件的数据,此数据为单向传递子组件声明个自定义属性<template> <div class="detail-note" > <ul> <li v-for="item in detail"> <h5>{{item.title}}</h5> <p>{{item.info}}</p>原创 2021-01-29 21:40:55 · 478 阅读 · 0 评论 -
基于 vue的商品选择标签显示价格组件
基于 vue的商品选择标签显示价格组件类似淘宝上,选择不同标签,显示价格的组件主要思路:把获取到的数据重新分类、去重,按标签分类显示在页面上,用户选择不同标签,把信息重新定义个新数组choose,再用filter过滤原始数据,得到该机型的价格mock数据示例效果演示是很丑,懒得做样式了,将就看html部分:<template> <div class="content"> <h2>{{name}}</h2> <div原创 2021-01-22 21:20:21 · 1157 阅读 · 0 评论