![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
yzhSWJ
一个爱小猪的程序员
展开
-
nextTick:在下一次dom更新结束后,执行其制定的回调
在下一次dom更新结束后,执行其制定的回调原创 2022-11-29 15:22:57 · 167 阅读 · 0 评论 -
Vue路由Router
...原创 2021-11-04 17:33:03 · 179 阅读 · 0 评论 -
vue2+Vue-Cli&其他配置
1.webpack1.1package.json文件{ "name": "yzh", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build" },//开发上线需要的包 -s "dependencies": { "core-js": "^3.6.5", "vu.原创 2021-10-12 20:33:21 · 942 阅读 · 0 评论 -
vue强制刷新页面
this.$forceUpdate();如果想刷新props传来的值,请参考这个:https://www.cnblogs.com/_error/p/9701136.html原创 2021-07-07 09:51:47 · 257 阅读 · 0 评论 -
uni-app微信小程序,页面的头部跟尾部固定,页面滑动也保持不变
先上截图看看效果原创 2021-06-02 14:27:38 · 4289 阅读 · 0 评论 -
uni-app之页面跳转
uni.navigateTo({ })原创 2021-06-02 14:05:46 · 517 阅读 · 0 评论 -
uni-app之全局变量globalData的使用
一般访问请求的时候,baseurl我们都会用变量来代替,所以我们一半会把大量这种常用的,但是又不会经常变动的数据变成一个常量--globalData原创 2021-06-02 13:24:13 · 4672 阅读 · 0 评论 -
uni-app之封装request请求
现在utils文件夹下面新建一个request.js文件var tenant_token = uni.getStorageSync('tenant_token'); //商家tokenvar user_token = uni.getStorageSync('user_token'); //用户tokenconsole.log("商家token:"+tenant_token);console.log("用户token:"+user_token);export default function m原创 2021-06-02 11:21:42 · 906 阅读 · 0 评论 -
Vue-Router动态添加路由(大概思路1)
路由js//导入Vue ,需要调用vue.use()方法import Vue from 'vue'//配置导入路由相关信息import Router from 'vue-router'import login from '../pages/login'import Forbidden from '../pages/errorPage/403'import NotFound from '../pages/errorPage/404'import Layout from '../pages/.原创 2021-03-22 23:39:39 · 3330 阅读 · 0 评论 -
vue(计算属性computed和methods对比)
计算属性computed和methods对比<template> <div> <h1>{{ getMsgName() }}</h1> <h2>{{msgname}}</h2> </div></template><script>export default { data () { return { msg: 'H', name:'h原创 2021-02-07 16:18:31 · 73 阅读 · 0 评论 -
Vue-Router
App.Vue<template> <div id="app"> <img src="./assets/logo.png"> <!-- router-link 是 router 中注册好的组件 跳转路由--> <router-link to="/hello" replace>Hello</router-link> <router-link to="/home" replace>home原创 2021-02-06 22:19:13 · 135 阅读 · 0 评论 -
vue 数据未加载完成,显示{{}}占位符,消除方式
<style> [v-cloak]{ display: none; } </style> <div id="indexVue" v-cloak > </div>原创 2020-11-24 15:53:21 · 805 阅读 · 0 评论 -
vue科学计数法封装过滤器使用(使用任何长度)
1.首先 创建一个 index.js 文件2.在index.js里写过滤代码// import parseTime, formatTime and set to filterexport { parseTime, formatTime } from '@/utils'// 将科学计数法转换成小数export const scientificToNumber = function(inputNumber) { if (isNaN(inputNumber)) { return原创 2020-09-17 11:01:55 · 1549 阅读 · 0 评论 -
element ui树形组件过滤搜索
<template> <div> <el-input placeholder="输入关键字进行过滤" v-model="filterText"></el-input> <el-tree :data="menus" :props="defaultProps" node-key="catId" ref="menuTree" @node-click="nodeclick" .原创 2020-08-29 12:19:28 · 1172 阅读 · 0 评论 -
Vue Cascader 级联选择器 前后端
1.Table页面效果图<!-- --><template> <div class> <el-row :gutter="20"> <el-col :span="6"> <!-- @tree-node-click="treenodeclick" @tree-node-click:感知子组件传的方法 treenodeclick:定义自己的方法原创 2020-08-26 00:15:26 · 1443 阅读 · 0 评论 -
Vue父子组件
定义组件(子组件)<!-- --><template> <div class> <el-tree :data="menus" :props="defaultProps" node-key="catId" ref="menuTree" @node-click="nodeclick" ></el-tree> </div></template&g原创 2020-08-25 00:22:55 · 214 阅读 · 0 评论 -
vue校验
<template> <el-dialog :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false" :visible.sync="visible" > <!-- :rules="dataRule" 校验规则 --> <el-form :model="dataForm" :rules="dataRule" re原创 2020-08-24 21:51:01 · 215 阅读 · 0 评论 -
Vue上传视频组件
整合上传组件<el-form-item label="上传视频"> <el-upload :on-success="handleVodUploadSuccess" :on-remove="handleVodRemove" :before-remove="beforeVodRemove" :on-exceed="handleUploadExceed" :file-list=原创 2020-08-20 14:01:11 · 5441 阅读 · 7 评论 -
Vue定义组件
全局组件要在vue实例中使用局部使用局部原创 2020-08-17 23:00:24 · 84 阅读 · 0 评论 -
Springboot Vue 属性 递归查询菜单 stream 查询
1.设置git忽略提交的文件 /** * 列表 * 查询所有分类及其子分类,用树形展示出来 */ @RequestMapping("/list/tree") //@RequiresPermissions("product:category:list") public R list(){ List<CategoryEntity> entities = categoryService.listWithTree();原创 2020-08-12 23:05:35 · 1091 阅读 · 0 评论 -
Vue-cli 脚手架开发
安装:vuenpm install -g vuenpm install -g @vue/cli1.npm install webpack -g全局安装webpack2.全局安装vue脚手架npm install -g @vue/cli-init3.初始化vue项目vue init webpack appname意思是创建一个项目名是appname 的vue项目目录介绍build 和放和打包工具相关的congif 配置信息,端口等node_modules 所有安装的依赖src 编原创 2020-08-10 23:05:13 · 203 阅读 · 0 评论 -
VUE常用代码element-admin
1 vue-admin 模板中封装的请求import request from '@/utils/request'export default{ //条件查询 pageList(current, limit,teacherVo) { return request({ // url: '/teacher/pageListCondition/'+current+"/"+limit', url: `/teacher/pageListCondition/${curren原创 2020-06-19 22:29:17 · 302 阅读 · 0 评论