m0_46129241的博客

vue 阻止事件冒泡和捕获@click.stop : 阻止事件冒泡@click.prevent : 阻止事件默认行为@click.self : 事件只作用在元素本身，而不是其子元素

vue-cli2.0使用express模拟后台数据一、安装，输入：npm install express -S二、使用在src文件夹下新建一个mock文件夹，在mock文件夹下建立data文件夹，建立mormal_login.json文件，代码如下：{ "code": 2000, "message": "登录成功", "data": { "token":"normal" }}在buils文件夹下找到webpack.dev.conf.js文

ESLint安装与使用一、安装ESLint 对应的插件二、具体使用方法进入到vue-cli项目中。使用 npm 安装 ESLint，输入：npm install eslint --save-dev设置一个配置文件：输入：./node_modules/.bin/eslint --init在src目录下创建index.js检测index.js报错：说sayHelloWorld定义了没有使用使用过后，不会报错同时检测两个文件index.js index2.js也

vue-cli2.0解决跨域问题新建一个项目 创建vue-cli项目。安装axios 安装axios。在config下的index.js中找到ProxyTable输入'/api': { // 测试环境 target: 'https://mock.mengxuegu.com/', // 接口域名 changeOrigin: true, //是否跨域 pathRewrite: { '^/api': ''

axios安装与使用安装输入： npm install axios -S使用

vue-cli2.0官方文档https://github.com/vuejs/vue-cli/tree/v2#vue-cli–一、全局安装卸载安装npmyarn检查二、创建项目创建目录进入目录创建项目三、启动服务npm启动yarn启动一、全局安装之前有安装过的可以先卸载再安装自己想要的指定的版本，不想卸载的跳过此步：//查看是否存在vue版本vue -V //如是有的话卸载 或 卸载指定版本 npm install -g @vue/cli@版本号n

vue-cli3.0官方文档https://cli.vuejs.org/zh/guide/installation.html一、全局安装卸载安装npmyarn检查二、创建项目方法一方法二三、启动服务npm启动yarn启动一、全局安装全局安装过旧版本的 vue-cli(1.x 或 2.x)要先卸载它，否则跳过此步：npm uninstall vue-cli -g//或yarn global remove vue-cli安装npm install -

火狐游览器安装谷歌游览器安装火狐游览器安装打开菜单，找到首选项，点击扩展和主题，在输入框中输入Vue.js devtools，回车。找到Vue.js devtools，点击下载即可安装完成。（下图是已经安装过了）谷歌游览器安装输入网站：https://github.com/vuejs/vue-devtools/，选择要安装的版本。（这边建议不要安装最新的版本，执行npm run build的时候，有的会报错）下载好后解压进入到vue-devtools-5.1.1目录

2020.02.14npn run build 生成上线目录（部署）首先装node.js，启动cmd，输入npm -v，mobaXterm工具免费，可以使用cd…/npm -v等命令。操作服务器cnpm 淘宝npm镜像。输入命令 vue list，vue模板一般使用webpack。vue init webpack vuedemo3export（导出） default { } ;i...

control+z:退出终端。2. 运行项目npm run dev发送请求成功。假数据安装:npm install json-server --sava

安装axios输入： npm install axios -S使用：安装mockjs输入：npm install mockjs -S使用：

表格中时间戳问题问题如下所示：解决办法：HTML:<el-table-column prop="inputtime" label="入录时间" :formatter = "formatDate" width="140" show-overflow-tooltip></el-table-column><el-table-column prop="modifytime"

Element-UI通知notify//在methods方法下 /** * @param msg 展示信息 * @param type 1：提示 2：警告 3：错误 4 ：成功 */ showWindowMessage:function(type,msg){ if (!msg){ return; } switch(type){ case 1: this.$notify.info({ title:

Element官网网站 <!-- 默认样式--> <i class="el-icon-question"></i> <!-- 修改icon背景色--> <i class="el-icon-question" style="color:red;"></i> <!-- 修改icon的大小--> <i class="el-icon-question" style="font-size: 2

Vue子组件绑定事件无效<el-radio-group v-model="selectFastTime" size="small"> <el-radio-button label="1" @click.native="getInvoiceTime(1)">1个月</el-radio-button> <el-radio-button label="3" @click.

代替confirm确认框的几种方式confirm<el-button size="mini" type="danger" @click="disp_confirm">关闭</el-button><script type="text/javascript">function disp_confirm() { var r=confirm("确定关闭吗？") //确定 if (r==true) { document.write("关闭完

el-table案例html/css//css<link rel="stylesheet" type="text/css" href="../../element2.12/lib/theme-chalk/index.css"/> <div id="app" style="width:100%;"> <el-table ref="recordTable" :data="recordTable.data.slice((recordTable.currentP

设置show-overflow-tooltip的宽度.el-tooltip__popper{ max-width: 50%;}

Notification重叠//页面加载完执行事件$().ready(function(){ //方法1 vueObject.showWindowMessage(2,'失败1'); vueObject.showWindowMessage(2,'失败2'); //方法2 vueObject.showWindowMessage(3,'警告1'); vueObject.showWindo...

Axios入门学习一、安装二、使用一、安装进入Vue项目中,Terminal中输入npm install axios vue-axios --sava二、使用在main.js中输入如下代码：在HelloWord.vue组件中输入如下代码：运行项目：npm run dev特别注意：在组件中直接使用axios是不行的会出错，应该如下：...

Vue入门 父子组件间的传值–4官网地址：https://cn.vuejs.org/v2/guide/components.html第一步创建vue项目可前往Vue入门 IDEA创建vue项目并安装UI框架ElementUI–1一、通过 Prop 向子组件传递数据二、监听子组件事件一、通过 Prop 向子组件传递数据创建一个组件A1.vue，代码如下：在App.vue中的代码如下：...

Vue入门 vue-router路由管理器–3官网地址: https://router.vuejs.org/zh/installation.html第一步创建vue项目可前往Vue入门 IDEA创建vue项目并安装UI框架ElementUI–1 一、基本路由 二、动态路由 三、嵌套路由一、基本路由创建需要切换的组件a.vue与组件b.vue。a.vue代码如下：b.vue代...

Vue入门 Vuex状态管理模式–2一、安装Vuex二、Vuex的用法1. state：状态。2. getters：获取数据,state的计算属性。3. mutations：修改状态，同步操作，非常类似于事件。 4. actions：异步操作。5. modules：官网上讲述到Vuex 允许我们将 store 分割成模块（module）。每个模块拥有自己的 state、gett...

第一次点击弹窗按钮，获取弹窗中的元素。打开弹窗获取元素为空，要第二次才能获取。如下为解决方法：一、setTimeOut(fn,0)methods:{ btnMethods(){ vueObject.moreDialog = true; //获取元素 console.log('外：'+$('ul li').length); setTimeout(function()...

window环境中IntelliJ IDEA开发vue项目一、安装node.js二、安装vue-cli脚手架三、使用IntelliJ IDEA初始化vue项目一、安装node.jsnode.js官网下载地址：https://nodejs.org/zh-cn/，一路next下来，安装完毕。打开cmd(window环境下快捷键window+R),...