
Vue
文章平均质量分 66
CodeLines3
前端开发
展开
-
解决 Vite (Only file and data URLs are supported by the default ESM loader. Received protocol ‘node:‘)
解决 Vite (Only file and data URLs are supported by the default ESM loader. Received protocol ‘node:‘)原创 2022-07-25 21:13:20 · 11728 阅读 · 0 评论 -
Vue 提交表单
1、form标签@submit.prevent="submit($event)"<form @submit.prevent="submit($event)"><input type="text" class="form-control" placeholder="请输入姓名" name="username"><input type="s...原创 2019-04-13 15:34:15 · 45053 阅读 · 3 评论 -
Vue 路由跳转、返回某一页方式
1、映射路由 <router-link> 标签 to属性<!-- path跳转 --><router-link to="/home"> Home </router-link>index.jsimport Vue from 'vue'import Router from 'vue-router'import Home fro...原创 2019-04-13 15:03:58 · 11307 阅读 · 1 评论 -
Vue中keep-alive 缓存desroyed()不能执行解决办法
父组件:使用<keep-alive>,<keep-alive exclude=""> <router-view @public_footer="public_footer"></router-view></keep-alive><app-footer v-if="isFooter"></app...原创 2019-04-12 23:27:59 · 931 阅读 · 1 评论 -
vue-cli项目常用插件及支持安装
1、检查 node版本node -v2、全局安装 vue-clinpm install -g vue-cli或使用国内淘宝镜像npm install -g cnpm –registry=https://registry.npm.taobao.orgcnpm install -g vue-cli3、使用 webpack搭建vue init webpack vue-de...原创 2019-04-02 19:36:44 · 904 阅读 · 0 评论 -
Vue 当前页面刷新---其他页面跳转两种方式 data 数据状态 处理
1、vue当前页面刷新保存 data内某个数据值不重置//钩子函数 createdcreated() { //刷新当前页面 获取 changeStyle 对 data 设置 this.isFocus = JSON.parse(window.sessionStorage.getItem('newsFlag')) || 0;},methods: { //改变当前页...原创 2019-04-07 22:05:16 · 1317 阅读 · 0 评论 -
Vue切换组件,返回后不重置数据,保留历史设置
1、<router-view ></router-view> 外层包围<keep-alive></keep-alive>keep-alive作用将组件实例缓存下来<keep-alive> <router-view></router-view></keep-alive>2、清除组...原创 2019-04-06 23:33:12 · 6538 阅读 · 2 评论 -
Vue <template> 注意事项
1、创建temp.vue文件<template> <!-- 模板只能有一个根元素,其他模板内容只能包围在这里面 --> <div> 模板内容 </div></template>模板只能有一个根元素,其他模板内容必须包围在这里面,否则会提示Component template should contai...原创 2019-04-05 09:27:55 · 395 阅读 · 0 评论 -
github上传、预览Vue项目
1、建立Github库参考建立Github库2、构建Vue项目3、修改相应文件,达到预览效果3.1、修改 config/index.js在build中将 assetsPublicPath : '/' 改为assetsPublicPath : './'module.exports = { build: { // Template for index....原创 2019-03-18 14:45:15 · 475 阅读 · 0 评论 -
Vue嵌套路由
项目目录结构|-- src |-- components |-- index |-- page |-- index2 |-- router |-- index.js |-- App.vue |-- main.js1、App.vue<template> <-- HT...原创 2019-03-16 17:11:43 · 205 阅读 · 0 评论 -
Vue项目中 vue-waterfall-easy 瀑布流框架使用
1、Installation(安装)进入到项目当前文件夹,执行命令:npm install vue-waterfall-easy --save2、引入vue-waterfall-easy2.1、main.js中引入import vueWaterfallEasy from 'vue-waterfall-easy'2.2、当前vue文件包含组件export defau...原创 2019-02-22 17:05:44 · 6941 阅读 · 5 评论