app.vue

vue动态路由缓存【前进刷新、后退缓存】

首先在我们的app.vue中定义keep-alive这里是根据路由中的meta源信息中的keepAlive字段来判断当前路由组
全栈技术负责人·2023-12-01 08:14

vue2 移动端实现前进刷新、后退缓存

app.vue入口import{mapGetters}from"vuex";exportdefault{computed:{...mapGetters(["include","exclude"])}};
jiu木·2023-12-01 08:13

vue3.0 前进刷新后退缓存

app.vue入口import{defineComponent,computed}from"vue";import{useStore}from"vuex";import{_useRouter}from"
jiu木·2023-12-01 08:13

vue单页应用前进刷新后退不刷新如何实现（利用keep-alive）

step1在不需要刷新的路由元信息meta中,增加keepAlive:true属性step2在App.vue模板中改写，具体可以这样：#组件注释项目入口import{mapState,mapAction
有蝉·2023-12-01 08:12

前进刷新后退缓存及第一次缓存无效

A—>B—>CA到B刷新，C到B缓存App.vue里的代码字段exportdefault{name:'App',data(){return{isRouterAlive:true}},provide(){
打断你个鸡腿儿·2023-12-01 08:12

keepalive路由缓存实现前进刷新后退缓存

1.在app.vue中配置全局的keepalive并用includes指定要缓存的组件路由name名字数组computed:{keepCachedViews(){console.log('this.
blingbling兵兵·2023-12-01 08:41

vue3中动态设置网页图标

根据后端返回的配置数据来设置网页图标在App.vue中加入letlink=document.querySelector("link[rel*='icon']")||document.createElement
驻风丶·2023-12-01 07:07

Vu3中样式穿透不生效处理

Vu3中样式穿透不生效处理代码查看F12处理-方法一父组件修改为单根组件-方法二修改子组件为单根组件代码App.vue父组件importHelloWorldfrom".
*郑*·2023-12-01 05:21

vue+element-ui跳转详情页面列表页原来滚动的位置

项目从性情页面返回列表页面固定到原来跳转前滚动的位置2.vue要使用keep-alive+activated结合使用3.现在router.js中配置router要把keepAlive置为true如图4.在App.vue
萧棠·2023-12-01 01:46

vue3+ts import App.vue 报错 解决方案

/App.vue";createApp(App).mount("#app");报错位置在importAppfrom".
喬~~·2023-11-30 20:34

Vue3-toRef 和 toRefs 函数

函数执行时会生成一个对象ObjectRefImpl，是一个引用对象，具有value属性（getter和setter属性）语法格式：toRef(对象名,'对象中的属性名')toRefs语法格式：toRefs(对象名)//App.vue
南瓜骨头·2023-11-30 17:44

Vue2的router-view中子组件与父组件传值

$emit('changeActiveStep',3);事件名：changeActiveStep传值：3具体如下：场景是：app.vue中定义一个展示当前进度的变量，这个值随着app.vue中router
小小鱼er·2023-11-30 17:31

实习开发日志经验总结（一）

实习日志经验总结1、login页面如何设置不受app.vue中导航栏样式的影响
生生不息~·2023-11-30 16:13

使用Vue3+Element Plus开发Chrome插件

组件的安装及导入其他文件配置.eslintrc.js文件vue.config.js文件package.jsonsrc/文件夹assets/background/main.jscontent/components/app.vue
旺旺碎冰冰屮·2023-11-30 15:58

vue实现不刷新整个页面刷新数据

vue实现无刷新加载数据，使用的技术是依赖注入关键字为provideinject在App.vue中name:'app',provide:function(){return{reload:this.reload
拾钱运·2023-11-30 15:18

uniapp版本更新ios无效

uniapp小程序实现更新操作提示用户升级引言获取小程序版本是否需要更新以及更新操作1.App.vue文件中实现获取更新方法2.在App.vue的onShow里面运行3.App.vue中使用到的提示框封装方法引言小程序更新时
嚣张农民·2023-11-30 07:56

【Vue3】Vue3引入DataV |BIN-DATAV 开发大屏

/App.vue'imp
coder阿龙·2023-11-30 03:09

路由跳转

app.vue文件里加入一个按钮，按钮并绑定一个goback()方法后退exportdefault{name:'app',method
前端陈陈陈·2023-11-30 00:13

Vue.js自定义事件的使用（实现父子之间的通信）

vuev-model修饰符：.lazy、.number、.trim$attrs数据的透传，在组件（这个是写在App.vue中）,数据就透传到student组件中，在template中可以直接使用{{$attrs.students
Alaso_soso·2023-11-29 19:05

vue 中 transition 过渡效果的使用，详解类名的添加时机

可能我们回去选择animate.css中的一些效果但是vue官方给我们提供了一个内置组件，大致浏览我们可以知道，就是用类名去控制页面切换的效果，OK，那我们就在项目中使用它一波，从github上下载的开源项目App.vue
拼客骏·2023-11-29 12:41

vue2.0中引入全局less

2.如果单独创建less文件引入全局安装依赖包npminstallstyle-resources-loader-D然后在build/utils.js文件下加入这个代码记得更改patterns路径然后在app.vue
huanglei_91cd·2023-11-29 11:21

Vue组件传参

data-v-id]3写的样式都是添加属性的样式在别的组件里面就不起用了如果不添加scoped那么使用导入本页面的页面也可以使用本页面中所声明的类/样式添加了以后则可以进行样式隔离避免样式冲突组件的传参就是将父app.vue
还没秃头的初级前端程序员·2023-11-29 09:29

基于vue-ElementUI-javaweb_servlet-mysql简单小例子实现增删改查

ElementUI-javaweb_servlet-mysql简单小例子实现增删改查前言一、mysql部分1.新建表二、javaweb_servlet部分1.查询部分2.添加数据3.修改数据4.删除数据ElementUI部分App.vue
nuurgg·2023-11-29 01:22

uni-app中App.vue的onLaunch函数和页面的onLoad函数异步问题的解决方案

应用生命周期函数onLaunch和页面生命周期函数onLoad存在同时执行的问题，而在实际开发中往往需要先执行onLaunch再执行onLoad，为了让页面的onLoad在onLaunch之后执行，可以使用以下解决方案：1修改main.jsVue.prototype.$onLaunched=newPromise(resolve=>{Vue.prototype.$isResolve=resolve}
ironprosper·2023-11-28 21:58

Mint UI教程

1.安装MintUInpminstallmint-ui-S2.main.js文件引入所有组件image.png3.在App.vue中写代码image.png
大眼袋阿姨·2023-11-28 18:56

/app.vue' or its corresponding type declarations.

1.从ABP官网获取标准的项目，ABP获取模板的官网：https://aspnetboilerplate.com/Templates2.这里使用.NetCore的项目，前端选择VUE.js3.输入项目名称和验证码，点击创建按钮就可以下载模板。4.将下载后的文件解压，里面有两个目录分别对应ABP框架的前端和后端项目，默认前后端的关联是配置好的，不需要自己再去设置。然后用IDE打开这两个项目。5.首先
Bryon_Wu·2023-11-28 17:28

前端定时循环任务管理工具类

前端定时循环任务管理工具类使用场景和目的工具类代码task.js配合vuex使用store/index.js在App.vue页面，进行统一管理，创建和销毁使用：在需要使用的地方，将任务添加到列表使用场景和目的在设计到数字平台监控系统
东明之羞·2023-11-28 11:32

Vue学习7----demo练习，实现todolist效果2

效果图：源码（复制即可运行）App.vue增加进行中{{item.title}}----删除已完成{{item.title}}----删除exportdefault{name:'app',data(){
zhaihaohao1·2023-11-28 05:17

vue3+ts 依赖注入 provide inject

父级：App.vue(爷爷级别)红色粉色黄色import{ref,provide}from"vue";importprovideAVuefrom".
你的美，让我痴迷·2023-11-28 01:36

56.elementUI表格调整列宽后表头和内容宽度不一致问题解决

在项目app.vue文件的style里添加：body.el-tableth.gutter{display:table-cell!important;}
heartworm_evan·2023-11-28 00:41

玩转Vue_Webpack中使用router

/App.vue'//1.导入VueRouter包imp
伍陆柒_·2023-11-28 00:33

vue 路由器使用

/App.vue'importVueRouterfrom"vue-router";importVueResourcefrom'vue-resource'//开启debug模式Vue.config.debug
weixin_30485291·2023-11-27 13:54

Vue路由器（详细教程）

/App.vue'//引入VueRouterimportVueRoute
林代码er·2023-11-27 13:07

spring-webmvc练习-日程管理-实现删除日程功能

/App.vue'importElementPlusfrom'element-plus'import'element-plus/dist/index.css'importzhCnfrom'element-plus
丁总学Java·2023-11-27 12:58

spring-webmvc练习-日程管理-修改功能实现以及增加新增按钮

/App.vue'importElementPlusfrom'element-plus'import'element-plus/dist/index.css'importzhCnfrom'element-plus
丁总学Java·2023-11-27 12:27

spring-webmvc练习-日程管理-新增日程功能

/App.vue'importElementPlusfrom'element-plus'import'element-plus/dist/index.css'importzhCnfrom'element-plus
丁总学Java·2023-11-27 12:27

spring-webmvc练习-日程管理-使用Vue3+Vite+Element-Plus技术修改界面假数据

/App.vue'importElementPlusfrom'element-plus'import'element-plus/dist/index.css'importzhCnfrom'element-plus
丁总学Java·2023-11-27 12:56

spring-webmvc练习-日程管理-点击编辑按钮显示编辑对话框

/App.vue'importElementPlusfrom'element-plus'import'element-plus/dist/index.css'importzhCnfrom'element-plus
丁总学Java·2023-11-27 12:49

vue3 使用pinia小计

/App.vue'import{createPinia}from'pinia'constapp=createApp(App)constpinia=createPinia()app.use(pinia)app.mount
Gifted_·2023-11-27 07:59

uniapp 小程序版本自动更新

注意：代码是uniapp的，如果是微信小程序的话，要做出以下修改1.微信小程序代码写在app.js，uniapp写在app.vue里2.uni.换成wx.话不多说，上代码，注释写的很详细了onLaunch
倘若hfl·2023-11-27 03:56

单文件组件&MVVM

指定视图：eltemplaterender:jsx语法$mount[数学公式]编译App.vue，作为视图入口单个组件：结构样式datacomputed，理解为一个界面一个视图每个组件都有自己单独的视图
betterangela·2023-11-26 23:55

uniapp使用Vue3挂载函数到全局

/App.vue'importglobalFunctionfrom'./globalFunction'//引入全局函数constapp=createApp(Ap
特创数字科技·2023-11-26 18:16

带你用uniapp从零开发一个仿小米商场_5. 公共样式编写,

先前引入了公共样式,但公共样式文件里面还没有编写内容在这里我将一一讲解公共样式内应该有什么样式,和为什么首先给page添加高度和背景色,当然这个背景色可以在app.vue内添加page{/*设置page
Qayrup·2023-11-26 18:22

el-scrollbar怎么隐藏横向滚动条

就去app.vue加入.el-scrollbar.el-scrollbar__wrap{ov
欲掩不从心·2023-11-26 16:42

Pinia的使用技巧

/App.vue'import{createPinia}from'pinia'constapp=createApp(App)app.use(createPinia())app.mount('#app')
QAEARQ·2023-11-26 11:01

vue-router的使用技巧

/App.vue'importrouterfrom'.
QAEARQ·2023-11-26 11:59

VUE判断当前设备是PC还是移动端

首先在app.vue文件内，判断当前设备是pc端还是移动端。methods:{//添加判断方法isM
是七吾·2023-11-26 07:24

第六章 Element UI

内容来源于蓝桥杯竞赛，自己根据这个题纲重新巩固下前端的知识第六章ElementUIContainer布局布局实现方式，首先删除App.vue冗余代码，创建container文件定义布局模式，App.vue
万有引力_LH·2023-11-26 00:32

Vue3使用dataV报错问题解决

/App.vue'importrouterfr
会说法语的猪·2023-11-26 00:57

后台管理系统2——页面的设计

后台管理系统2——页面的设计进行页面的设计在components下面创建header.vue组件，以便在主页面进行引入2将header组件，引入到app.vue组件中。
qq_51357960·2023-11-25 23:52
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他