vue
。。媛。。
这个作者很懒,什么都没留下…
展开
-
vue的props传数组_vue中父传子props的使用
第一种传递一个数组props:[“cont”]第二种传递一个对象props:{uploadOption:{type:Object, 参数类型必须是一个对象required: true 这一种说明这个参数是必须的哈}}基础的类型检查 (null 和 undefined 会通过任何类型验证)props: { propA: Number, //如果不符合类型 控制台会警告 propB: [String, Number],// 必填的字符串propC: {typ原创 2021-03-13 19:53:05 · 2187 阅读 · 0 评论 -
功能实现
搜索功能如何做?首先给input框绑定v-module=‘search’ 点击搜索按钮获取搜索的接口判断数组中是否包含搜索的内容,包含就进行渲染网盘项目删除功能1.给删除按钮绑定del事件 ,绑定弹框2.点击确定的时候通过$emit(' 事件名',{})传递下标和对象this.$emit('on-event',{ type:'delete', item:this.item,原创 2021-03-12 14:50:54 · 553 阅读 · 0 评论 -
api封装,axios封装
封装axiossrc下新建一个utils文件夹新建request.jsimport axios from "axios"//2. 创建axios实例const request = axios.create({ //请求的公共接口地址 baseURL : "/api", //请求的超时时间 timeout : 5000,})//3. 配置请求拦截和响应拦截// 添加请求拦截器request.interceptors.request.use(function (config) {原创 2021-03-11 20:32:51 · 180 阅读 · 6 评论 -
vue最新版本创建项目配置
vue.config.jsmodule.exports={ davServer:{ port:8000, //端口号 open:true , //自动打开浏览器 https:false, //https host:'localhost', //端口号 }, // 关闭eslint lintOnSave:false}原创 2021-03-08 16:35:21 · 172 阅读 · 0 评论 -
vuex具体使用
vuex 持久化数据 ****作用:解决vuex的一个痛点,就是你当使用vuex,页面中进行刷新,那么你操作之后的状态,都还原了,初始状态1. 下载安装 : cnpm install vuex-persistedstate 持久化数据插件2.找到store文件夹下面的index.js,在你的store实例中: // 与state,mutations同级 plugins: [createPersistedState()] //加上这个就可以了3.当你去使用vuex中state数据时原创 2020-12-04 15:13:09 · 132 阅读 · 0 评论 -
vue排序
<li @click="changeSort"> 价格 <van-icon name="arrow-down" v-show="sortKey==1" /> <van-icon name="arrow-up" v-show="sortKey==2" /> </li>sortKey: 0, //0原始数据,1升序 2降序 computed: { //过滤函数的操作原创 2021-02-23 18:33:01 · 139 阅读 · 0 评论 -
小程序/uniapp/vue点击商品跳转详情
wxml部分<view bindtap="skipDetail" wx:for='{{space_right }}' data-id="{{id}}"> <view> <image src="{{item.pic}}"/> </view></view>js部分todetail(e){ let id=e.currentTarget.dataset.id wx.reLaunch({原创 2020-11-04 09:57:21 · 1065 阅读 · 0 评论 -
vue之时间多久之前
<span class="right">{{ item.create_at | agoTime }}</span>// 多久之前 agoTime(dateTimeStamp) { dateTimeStamp = new Date(dateTimeStamp).getTime(); // 获取到时间的毫秒数 let result = null; var minute = 1000 * 60; //把分,时,天,周,半个月,一个月用毫秒表示原创 2021-02-18 16:11:34 · 298 阅读 · 0 评论 -
Loading效果
common=》loading.vue<template> <div> <van-overlay :show="true" > <div class="wrapper" > <van-loading size="54px" vertical>加载中...</van-loading> </div> </van-overlay> </div&g原创 2020-12-30 17:54:02 · 111 阅读 · 0 评论 -
组件封装
pages=》HotGood.vue<template> <div> <div class="cy_title"> <van-nav-bar title="人气推荐" /> </div> <div class="hot_main"> <ul> <li v-for="(item, index) in Hotgood" :key="index原创 2020-12-26 13:53:26 · 97 阅读 · 0 评论 -
uniapp轮播图二次封装
<template> <view class="box"> <view class="uni-padding-wrap"> <view class="page-section swiper"> <view class="page-section-spacing"> <swiper class="swiper" :ind原创 2020-12-26 13:18:16 · 295 阅读 · 1 评论 -
一、router文件夹下的index文件中给每个path添加meta:{}:
export default new Router({ routes: [ { path: '/', name: 'index', component: index, meta: { title: 'title1' } }, { path: '/studentInfo', name: 'studentInfo', componen原创 2020-12-23 21:14:04 · 675 阅读 · 0 评论 -
表格增添该查注意的问题
list:[ {title:'mimi',date:'2028',num:'21'} ]add(){ let { title,date,num }=this.obj 遍历然后拿到id math.max取最大的 let _id=Math.max(...this.list.map(item=>item.id))+1 this.list.push({ title:title, date:date, num:num, id:_id })原创 2020-12-22 10:50:48 · 81 阅读 · 0 评论 -
request.js
// 1.引入axios// 2.axios.create方法创建实例// 3.使用实例对象创建请求拦截器// 4.使用实例创建响应拦截器// 5.export抛出实例对象// 6.main.js中引入request文件对象import axios from 'axios'import store from '@/store/index'const Server =axios.create({ baseURL:'', timeout:3000})//使用Server创建请原创 2020-12-15 20:49:04 · 4009 阅读 · 1 评论 -
城市信息area.js
export default { province_list: { 110000: '北京市', 120000: '天津市', 130000: '河北省', 140000: '山西省', 150000: '内蒙古自治区', 210000: '辽宁省', 220000: '吉林省', 230000: '黑龙江省', 310000: '上海市', 320000: '江苏省',原创 2020-12-15 20:47:46 · 2927 阅读 · 0 评论 -
vue之本地存储封装
v// 本地存储封装const storage = { //设置本地存储 key,value isJson //isJson是否需要对数据进行json对象转换 set: function(key,value,isJson = false){ //设置的方法,先做判断,判断key和value是否为空 if(key.length == 0 || value.length == 0){ return false;原创 2020-12-15 20:45:45 · 207 阅读 · 0 评论 -
vue注册页面
<template> <div> <van-nav-bar title="用户注册" left-arrow @click-left="dot"/> <!-- 页面的主体css样式 --> <div id="login"> <van-form> <p class="login-head">新用户注册</p> <van-field pl.原创 2020-12-15 20:44:11 · 3516 阅读 · 1 评论 -
app登录界面
<template><div class='box'> <div><input type="text" placeholder="请输入用户名" v-model="user" maxlength="11"></div> <div><input type="password" placeholder="请输入密码" v-model="password" maxlength="6"></di...原创 2020-12-14 17:42:01 · 2336 阅读 · 1 评论 -
拖拽添加心愿
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc原创 2020-12-13 11:35:46 · 86 阅读 · 0 评论 -
自定义指令
//全局实现v-hide Vue.directive('hide', { update(el, binding, vnode) { if (binding.value) { el.style.display = 'none' } else { el.style.display = 'block' } }, componen原创 2020-12-13 11:29:35 · 86 阅读 · 0 评论 -
编写tabbar
<!-- 底部 --><template> <div class="footer"> <div v-for="(item, index) in footerlist" :key="index" v-jump="item.to" class="footer_item" @click="dot(index)" :class="activeIndex==index?'active':''"> <img :src原创 2020-12-10 14:32:06 · 110 阅读 · 0 评论 -
react的知识点
1.react组件创建的方式函数的方式Import React from ‘react’;function 组件名(props){return (<div className=“ ” style= {{ color:’red’ }} > { props.title } </div>)}export default 组件名在App中引入 import News from “。。/news/News” 渲染class的方式``import React, { Com原创 2020-12-08 19:34:55 · 160 阅读 · 0 评论 -
返回顶部组件
<template> <div> <h3>我是首页</h3> <div> <p>fdf</p> <p>dfdf</p> <p>dd</p> <p>fdf</p> <p>dd</p> <p>df</p> .原创 2020-12-08 12:36:12 · 133 阅读 · 0 评论 -
vue2.0与3.0共存
全局安装最新版的vue-cli,vue -V可查看vue脚手架的版本号;npm -g install @vue/cli创建一个文件夹vue3,局部安装vue-cli,vue -V查看版本号;npm install vue-cli@3.0.5修改vue3下的文件名称 找到安装vue的目录,然后找到 vue 和 vue.cmd 的位置。分别改名为 vue3 vue3.cmd编辑==》浏览===》确定最后修改Path变量 这一步才是最重要的 先找到Path的位置,然后编辑编辑Pat原创 2020-12-07 18:05:24 · 739 阅读 · 0 评论 -
tabbar实现
tabbar,element-ui实现底部<template> <div> <router-view></router-view> <div class="footer"> <van-tabbar route v-model="active" > <van-tabbar-item icon="home-o" to='/first'>首页</van-tabbar-item原创 2020-12-07 15:57:40 · 260 阅读 · 0 评论