Wangxiaoming118的博客

原创 js基础&冒泡&闭包&面向对象&浅拷贝深拷贝

js常用操作方法string常用方法1.charAT(index) //返回指定索引出的字符串2.concat(str1,str2) //连接多个字符串3.indexOf(str) //返回str在字符串中第一次出现的位置，若没有则返回-14.lastIndexOf(str) //返回在字符串中最后一次出现的位置，若没有则返回-15.slice(start.end) //返回字符串start和end之间的字符串6.split("") //将字符串分割成一个由字符串组成的数组7.toLow

原创 vue中点击顶部导航栏切换不同的组件内容

<template> <div style="margin-top:60px;"> <h1 @click="change1('Noe')">数据看板</h1> <h1 @click="change1('projiectList')"> 数据漏斗</h1> <div :is='myComponent'> </div> </div

原创 vue中父子组件传参

父组件父给子传参父组件下面展示一些 内联代码片。<template> <div style="margin-top:60px;"> <h2>父组件</h2> <Index :son="mes"></Index> </div></template><script>import Index from "./index"export default {

原创 更改浏览器导航栏的项目名称和图标

在index.htm修改<title>互动活动平台</title> <link rel="icon" href="./src/assets/bg.png" type="bg.png"><link rel="shortcut icon" href="./src/assets/bg.png" type="bg.png"> <!-- 必须 -->在webpack.dev.conf.js中添加favicon:’./src/assets/bg.p

原创 Avoided redundant navigation to current location: “/xxx”

报错显示路由重复，对功能没有影响。报错显示路由重复，对功能没有影响。解决方法：router 文件下 index.js 中添加下面代码即可// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题const originalPush = Router.prototype.pushRouter.prototype.push = function push (location) {return originalPush.call(this, location).ca

原创 Operation not permitted unlink

翻译 { parser: “babylon“ } is deprecated； we now treat it as { parser: “babel“ }

打开cmd 输入set NODE_OPTIONS=–openssl-legacy-provider 在npm run dev 就好了。修复上游依赖冲突，否则retryERR!使用——force来执行这个命令。接受不正确(并且可能损坏)的依赖项解析。有可能是node版本和npm版本bu匹配导致的，参考一下链接解决问题。大概意思是当前包的依赖项和之前安装的某些包需求的依赖项有冲突。使用element-admin框架，node版本过高报错。

原创 vscode插件

VScode插件

原创 element-ui中问题总结

在el-tabs中使用el-dialog会出现，阴影把内容给挡住，这是需要输入两个属性:visible.sync=“editFormVisible”:close-on-click-modal=“false”直接加在el-dialog中

原创 2020-08-30

请选择 男 女 不是人 <input type="text" v-model="formData.phone" placeholder="电话(精准搜索)" /> <input type="text" v-model="formData.name" placeholder="姓名(模糊搜索)" /> <butt...

原创 在vue中公共的js文件怎么使用

在assets文件下建立api.jsexprot default{open(){}}第二步在man.js引入import api from “./assets/api”Vue.prototype.$api.=api在vue文件中引入直接在mounted(){this.(这里有一个￥符)api.open()}element-ui中$api.xxxxxxxxx...

原创 修改element-ui中的值

修改表格中的值html部分data部分js部分

原创 表格中新增数据

表格中新增数据htmldata部分# methods部分

原创 element-ui中绑定table中的值

html部分data中methods手中

原创 按钮切换

按钮切换html部分，通过true和false;来控制他状态在data中声明isEdit: true,默认时true

原创 修改element-ui中table表头的样式

第一步首先给el-table加上:header-cell-style=“getRowClass”（双向绑定样式）一级目录methods中写方法如下：getRowClass({rowIndex}){if(rowIndex==0){return “background-color:#ccc;color:#fff;font-size:18px;text-algin:center;”}else{return " "}},...

原创 vue中导入自己写的js

vue中导入自己写的js第一步首先在公关的js文件下，建立自己的文件把自己的js写在export default {}第二步在vue文件中导入import drag from “…/assets/js/drag.js”;第三步：在页面渲染后挂载mounted(){this.drag.drag1();}...

翻译 vue中获取当前系统时间

vue中获取当前系统时间HTML片段<div>{{ nowDate + ' ' + nowTime + ' ' + nowWeek }}</div>data中定义的值data() {return {nowDate: “”, // 当前日期nowTime: “”, // 当前时间nowWeek: “”, // 当前星期dialogTableVisible: false};},在memethods中定义方法currentTime() {setInterva