- 博客(12)
- 收藏
- 关注
原创 小程序胶囊
// app.jsApp({ // Appdata: { // height: 0, //胶囊高度 // navheight: 0, //导航栏高度 // right: 0, // left: 0, // }, onLaunch() { // 展示本地存储能力 const logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSy.
2022-05-30 14:24:50
278
原创 settimeout 时间实时更新
methods: { getDate() { var t = null; t = setTimeout(time, 1000); // 开始运行 function time() { clearTimeout(t); // 清除定时器 this.dt = new Date(); var y = this.dt.getFullYear(); y=y<10?"0"+y:y var..
2022-05-26 10:41:08
498
原创 vue双向数据绑定 set 和get
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2022-05-18 22:44:27
787
原创 后台管理动态添加路由
动态路由实现思路:1.在全局路由守卫中,先判断token值有没有。有的话先看是否存储过,如果存储过直接,页面调用渲染,如果没有,就请求接口,把路由表存储下 。除非没有token,跳转登录页面2.路由表里-把那些常规路由(不需要权限的路由,事先都写到路由表里)。把需要权限的路由通过router.addRoute()动态填加到对应的子路由里 。3.动态填加的路由需要处理下。因为后端传给你的是树状结构,前端需要把树结构处理成列表结构(通过递归,不断的获取路径,名字那些信息),填加到路由表里。动态路
2022-05-14 18:16:03
2129
原创 vue树组件(组件封装)
<template> <div class="tree"> <ul> <!-- 循环第一层 --> <li v-for="(ite,index) in list1" :key="ite.label" @click.stop="show(ite)"> <template v-if="ite.children.length!=0">.
2022-05-09 19:56:05
530
原创 vue3父子传值
父传子//setup 写在script中<script setup> import {difindProps} from "vue" difindProps ({}) //子组件接受父组件传递的值 difindProps ({ str://数据类型 aaa:{ type ://数据类型 defalut://默认数据 }})</script>//setup 写在script中<scrip
2022-03-28 17:04:41
1126
原创 watch的用法
<template> <div class="home"> {{state.obj.age}} <button @click="state.obj.age++">num++</button> </div></template><script setup>import { watch, ref, reactive } from 'vue'// const num = ref(0)// 第一.
2022-03-28 10:30:07
1243
原创 vue生命周期,数据更新视图不更新
vue生命周期(vue实例从创建到销毁的过程 主要是在不同的时段执行不同的事情)vue2beforecreated 创建之前获取不到created 创建之后可以获取data数据,获取不到dom元素beforemount 挂在dom元素mount 挂在dom元素beforeupdata 监听的是更新的视图(dom元素)updata 监听的是更新的视图(dom元素)beforedestory 销毁前destory 销毁后生命周期可以干什么创建之后字啊能获取da
2022-03-24 16:15:35
1759
原创 vue2语法糖 vue3语法糖
vue2语法糖vue2 :父组件<myinput v-modle="msg"></myinput> data:{msg:''11"} 子组件:<input :value="msg" @input="$emit('input',$event.target.value)"/> <input :value="msg" @input="input"/> setup(props,cxt) { let msg=ref(
2022-03-24 11:17:42
1310
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人