#vue

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中安装sass后页面中引用scss报错“Module build failed: TypeError: this.getResolve is not a function at Object.loader”

解决方法和原因如下当我在vue页面使用scss  使用到scss时候就会报错  运行scss的依赖都安装好了  原因其实很简单sass-loader版本有问题换成7.0.0版本就好  在webpack.json中重新改一下版本,然后重新np...

vue中组件之间的引用

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

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

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

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

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

vue中引入jquery

1、在项目中安装jquery。npminstalljquery--save-dev2、在项目根目录下的build/webpack.base.conf.js文件中:① 先写以下代码varwebpack=require("webpack")②在module.exports的最后写plugins:[newwebpa...
代码星球 代码星球·2021-02-22

vue中绑定样式

<divclass="title"><span@click="saoMa":class="{'active':color1}">扫码报修</span><span@click="other":class="{'active':color2}">其他途径报修</span...
代码星球 代码星球·2021-02-22
首页上一页...34567...下一页尾页