vue

vue项目如何刷新当前页面

想必大家在刨坑vue的时候也遇到过下面情形:比如在删除或者增加一条记录的时候希望当前页面可以重新刷新或者如下面这种:   如果希望点击确定的时候,Dialog对话框关闭的时候,当前http://localhost:9530/#/supplier/supplierAll页面可以重新刷新下那么...

Vue-阻止页面回退

1.原生js方法<scriptlanguage="javascript">//防止页面后退使用在vue时挂载到mounted中history.pushState(null,null,document.URL);window.addEventListener('popstate',function(){his...
代码星球·2021-02-22

vue实战之图标上传

<template><divclass="mainprintTemplateprintTemplateD"><divclass="titleBox"><el-row:gutter="20"><el-col:span="22"><divclass="gri...
代码星球·2021-02-22

Vue 删除对象中的某个属性

背景:采用v-selectPage限定v-model为string 但是后端想要接受的是个id数组官网是如此描述的 一般情况下我们在项目全局引用了Vue所以在单独的组件下面this即可,注意Vue.$delete(target,'object')方法第二个参数是字符串[也就是我们要删除的属性]&nb...

vuex状态管理

Vuex全局的状态统一管理,解决组件之间状态共享和数据通信的问题。store.jsimportVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)//使用插件//导出store实例exportdefaultnewVuex.Store({state:{},mutations:{},a...
代码星球·2021-02-22

vue中的监听事件

<el-form:model="inforData":rules="rules"ref="inforData">  <el-form-itemlabel="手机号"prop='phone'><el-inputv-model="inforData.phone"v-bind:disabled=...
代码星球·2021-02-22

vue中公共样式

html,body,h1,h2,h3,h4,h5,h6,p,textarea,input,select,ul,ol,li,fieldset,figure{margin:0;padding:0;border:none;}html,body{height:100%;}ul,li{list-style:none;}body,...
代码星球·2021-02-22

vue学习中遇到的错误 Duplicate keys detected: '[object Object]'. This may cause an update error.

前端入门自学,说错的请大神指点。Avoidusingnon-primitivevalueaskey,usestring/numbervalueinstead.Duplicatekeysdetected:‘[objectObject]’.Thismaycauseanupdateerror.  运行后出...

Do not use built-in or reserved HTML elements as component id等等vue warn问题

报错截图示下:    是因为在本地项目对应文件的<script>中,属性name出现了错误的命名方式,导致浏览器控制台报错! 诸如: name:header 、 name:footer 、 name:menu...
代码星球·2021-02-22

Vue router报错:NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}的解决方法

在main.js下添加:importRouterfrom'vue-router'Vue.use(Router)constoriginalPush=Router.prototype.pushRouter.prototype.push=functionpush(location){returnoriginalPush.ca...

vue中切换页面时让目标页面的滚动条自动滚动到顶部的方法

vue中切换页面时让目标页面的滚动条自动滚动到顶部的方法情景描述解决办法(针对单个页面这个问题的)针对全部页面的话,可以在路由的钩子函数中设置(main.js中)情景描述1.页面/a,有输入框,当输入框输入合适的值的时候,不隐藏软键盘,点击相应按钮直接跳到/b2.页面/b,页面本来内容很少,没有滚动条的,可是莫名的被下...

vue简单的小demo

app.vue<template><divid="app"><v-headerv-if="showHeader"></v-header><router-viewv-on:header='header'v-on:footer='footer'/><v-fo...
代码星球·2021-02-22

vue实现部分页面导入底部 vue配置公用头部、底部,可控制显示隐藏

vue实现部分页面导入底部vue配置公用头部、底部,可控制显示隐藏在app.vue文件里引入公共的header和footerheader和 footer 默认显示,例如某个页面不需要显示header可以使用this.$emit('header',false); 来控制header不显示例如...

vue中组件之间的引用

header.vue<template><div>我是公共组件头部</div></template>footer.vue<template><div>我是公共组件底部</div></template>index.vue<...
代码星球·2021-02-22

vue中多个页面共用一个头部,但每个页面标题文字不一样

commonHeader.vue<template><divclass="header"><divclass="header-left"><span@click="$router.go(-1)"class="el-icon-arrow-left"></span>...