随笔分类 - VUE
摘要:1、安装依赖 npm install v-scale-screen 或 yarn add v-scale-screen 2、vue 引入 vue2中使用插件导入,vue3以组件导入 vue2 中引入 // main.js import Vue from 'vue' import VScaleScre
阅读全文
摘要:v-for 为什么要加 key: 1. vue中列表循环需加:key="唯一标识" 唯一标识尽量是item里面id等,因为vue组件高度复用增加Key可以标识组件的唯一性,为了更好地区别各个组件 key的作用主要是为了高效的更新虚拟DOM 2.标签名一样,key一样这时候就会就地复用,如果标签名不一
阅读全文
摘要:直接给代码自己理解 html部分: <el-button type="primary" @click="recibo(scope.row)">确认收货</el-button> <div> <el-dialog title="付款码" :visible.sync="moneyShow" width="
阅读全文
摘要:下面使用的是若依框架中的axios请求 api:通用 import request from '@/utils/request' export function guideCome(data){ return request( { url: '/sys/client/export', method:
阅读全文
摘要:$nextTick 作用 :等Dom更新完以后再执行 // 等Dom更新完以后再执行 this.$nextTick(() => { var obj = new WxLogin({ id: "weixin", appid: "wx40d53ce23ac9781f",//appid固定写死 scope:
阅读全文
摘要:this.$router.push({ path:'/跳转的页面'});
阅读全文
摘要:面试试题系统管理 框架是ruoyi-ui 删除的接口请求可以使用post请求 或者 delete请求 post请求要把参数改成data export function topicDelete (data) { return request({ url: 'api/topic/delete', met
阅读全文
摘要:如果是get请求参数就要写成 params export function topicList (params) { return request({ url: '/api/topic/list', method: 'get', params }) } 如果是post请求参数就要写成 data ex
阅读全文
摘要:渲染出列表后使用 后端传来参数直接使用参数就行:questionName 使用参数 getList (questionName) { topicList({ page: this.page - 1, size: this.size, questionName: questionName }).the
阅读全文
摘要:this.接口转换的数组对象['要添加的名字'] = this.添加的数据名称 this.titleList['compare'] = this.compare
阅读全文
摘要:生命周期简介 1.又名:生命周期回调函数、生命周期函数、生命周期钩子。 2.是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。 3.生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的。 4.生命周期函数中的this指向是vm 或 组件实例对象。 vm的一生(vm的生命周期):
阅读全文
摘要:简介: 作用:给组件设置权限 beforeRouteEnter(to,from,next){ 通过路由规则,进入该组件时被调用 }, beforeRouteLeave(to,from,next){ 通过路由规则,离开该组件时被调用 }, 操作: 主页面的Home组件: <template> <div
阅读全文
摘要:介绍: beforeEnter独享路由守卫 单独给某个路由进行校验 操作: { name:'xiaoxi', path: 'aboutone', component: aboutone, // 需要校验就写 meta:{isAuth:true,title:'列表一'}, children:[ { p
阅读全文
摘要:简介: 在初始化后被调用,跳转路由之后被调用 实现效果: 跳转到哪个路由哪个路由页的tilte改变文本 实例: import Vue from "vue"; import Router from "vue-router"; import Home from "./views/Home.vue"; i
阅读全文
摘要:介绍: 在跳转前调用检验 对路由进行权限控制 示例: 把路由改为以下格式: import Vue from "vue"; import Router from "vue-router"; import Home from "./views/Home.vue"; import aboutone fro
阅读全文
摘要:切换组件时组件会被销毁,如果想切页面还不会被销毁就使用 <keep-alive></keep-alive>标签可以使展示的内容切换组件时不进行销毁 如果只给路由占位符外写一个keep-alive那他就会把所有能书写在页面上的值都存起来,这时就要用到属性include="名字" 缓存筛选多个可以写成数
阅读全文
摘要:介绍: 编程式导航就是给元素写事件,可以使用query或replace进行传递数据 代码: <template> <div class="aboutone"> <h1>我是Homeone</h1> <ul> <li v-for="item in abouta" :key="item.id"> <!-
阅读全文
摘要:介绍: 组件之间可以通过路由query参数传递数据 需求: 路由配置: import Vue from "vue"; import Router from "vue-router"; import Home from "./views/Home.vue"; import aboutone from
阅读全文
摘要:query语法: this.$router.push({path:"地址",query:{id:"123"}}); 这是传递参数 this.$route.query.id; 这是接受参数 params语法: this.$router.push({name:"地址",params:{id:"123"}
阅读全文
摘要:介绍: 组件之间可以通过路由query参数传递数据 需求: 路由配置: import Vue from "vue"; import Router from "vue-router"; import Home from "./views/Home.vue"; import aboutone from
阅读全文