moon_tang的博客

动态的，可以转。其实就是一张动态图片<div v-if="isOk" class="loading"></div>.loading{ margin: 40px auto; display: block; width: 65px; height: 65px; border: 1px solid #ddd; border-...

由OrderDetail页面跳转到OrderPayment页面，且传两个参数orderNo和qrPathOrderPayment获取参数

如监听this.$store.state.username的值，在watch对象中写watch: { '$store.state.username': function () { //你需要执行的代码 } },

问题div宽高一样就是里面内容有所不同，有些div顶端不对齐，如图解决给每个div设置属性vertical-align:top;

问题在 npm run dev 后，控制台出现警告，没有出现链接，但是在浏览器上直接输入地址http://localhost:8080/#/ 又可显示界面There are multiple modules with names that only differ in casing.This can lead to unexpected behavior when compiling on...

直接引用别人封装的 vue toast组件，地址http://www.jq22.com/jquery-info10876 直接进去看演示效果以及下载代码 （声明：如有不妥请联系可删）接下来我就操作怎样下载下来的文件让他在vue项目中运行起来1、将toast文件放在 src 目录下2、 自定义toast.js文件export function Toast(msg, type) { ...

//出错的代码块formatTableData(data){ for (var i = 0; i <=data.length; i++) { var obj = new Object(); obj.id = data[i].id; obj.name = data[i].name; obj.price = data...

在网上看了许多，基本上都是这样告诉你的，然而以下方法根本不起任何作用后来看到一个良心评论npm install sass-resources-loader --save-dev然后 npm run dev 就不报错了这样子就对了...

在GitHub上新建一个仓库，并且将它拉取到本地，本地文件中放vue项目。以后项目每次修改直接从Vscode上推更新到GitHub。1、GitHub上新建仓库2、克隆到本地git bash herecd test （进入test）vue init webpack (初始化vue项目）完成-----------...

1.普通状态2，鼠标hover状态 3.active 点击状态 4.focus 取得焦点状态focus 经常用来取消a链接点击后产生的虚线边框a:focus{outline: none;} <style type="text/css"> .btn { color: white; background-col...

1、新建一个style文件夹，然后里面再新建一个baseColor.scss文件，里面定义全局颜色变量2、在 build 文件夹中找到utils.js文件，将它的**scss: generateLoaders(‘sass’)**修改为scss: generateLoaders('sass').concat( { loader: 'sass-resources-...

开始首先，我们使用 vue 的脚手架 vue-cli 来初始化一个 webpack 项目没有安装过 vue-cli 的请先安装 vue-cli安装所需依赖后安装 lib-flexible 和 px2rem-loader1.下载lib-flexiblenpm i lib-flexible --save2.引入lib-flexible在main.js中引入lib-flexibleimp...

全局1、新建 eventBus.js 文件import Vue from 'vue'export default new Vue()2、引用 (哪里要用就import eventBus.js 文件）$on : 监听$emit ：触发$off : 释放 ( 监听后一定要在beforeDestroy中释放）...

先来看一下问题背景我们要做一个 搜索+分页 的功能，使用vue我们将分页控件绑定了点击事件，点击后提交v-model绑定的formData表单，但是我们忽略了一个问题，就是当输入的信息改变的情况下，不点击搜索，直接点击分页控件，提交的将会是新现在搜索框中的搜索条件。这样就不和逻辑了。于是我们在data中新加了一个表单的对象 submitForm，只有在点击 查询 的时候，v-model绑定的...

在 npm run dev 或 npm start 报错打开package.js，发现没有script 里面的内容，本应该有如图内容解决方法：1、 vue init webpack， package.js文件中会添加内容2、npm run dev 即可...

给table的表头设置背景色后，发现每列之间有间隙解决办法：给table标签加上**border=“0” cellspacing=“0” cellpadding=“0”**即可<table border="0" cellspacing="0" cellpadding="0"> ...

在 slot 上进行事件的监听和分发，这是不可能的。组件的 slot 由调用它的父组件提供，这意味着所有事件都应该与父组件相关联。尝试去倾听这些变化意味着你的父子组件是紧密耦合的，可以使用 $parent 来操作。<script src="https://unpkg.com/vue@2.1.3/dist/vue.js"></script><div id="ap...

slot 插槽要实现子组件向父组件传值，则需要运用 作用域插槽1、父组件中用 标签加上 slot-scoped 的属性，属性值随性。（旧版本是scope,vue新版本必须用slot-scope)2、子组件中给 加上一个自定义属性，在父组件中的slot-scope就能接收这个自定义属性的值//父组件<template slot-scope="props" slot="append-o...

vue-cli就是Vue的脚手架工具，他帮助我们搭建基本的开发环境，利用它可以搞定项目目录，本地调试，单元测试及代码部署等等。一、创建项目参考网址（vue如何新建一个项目（超详细哦）） https://www.jianshu.com/p/02b12c600c7b1、安装 vue-clicmdnpm install vue-cli -g2、cmd,进入要创建文件的位置例如我要在桌面上...