
VueJS
山丘-
寒冬不再有,同志还需努力
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vuejs安装篇
1.安装nodejs,自带npm环境。地址:https://nodejs.org/en/download/,Node.js 历史版本下载地址:https://nodejs.org/dist/ 可自行选择适合自己操作系统的版本。安装过程参见:http://www.runoob.com/nodejs/nodejs-install-setup.html。2.安装淘宝镜像。因国内访问...原创 2018-12-20 08:50:10 · 194 阅读 · 0 评论 -
Mockjs 配置与使用
1,安装mockjs : cnpm install --save-dev mockjs2,在server层中定义var Mock = require("mockjs");var router = express.Router();也能保存json格式进行调用就可以了原创 2019-03-02 18:06:44 · 1017 阅读 · 0 评论 -
vuejs路由嵌套、设置高亮、传参
目录结构路由配置:注意:redirect:设置进入栏目时默认显示页面父页面注意添加:<router-view></router-view>---------------------------------------------------------------------------------------------------------...原创 2019-03-03 11:58:20 · 450 阅读 · 1 评论 -
Vuex 数据共享
官网:https://cn.vuejs.org/v2/guide/installation.htmlvuex 状态管理注意:Action不是必需品,如果有异步操作才会用来Action,否则可以不使用1、安装:npm install vuex --save2、配置全局引用import Vuex from 'vuex'Vue.use(Vuex)......原创 2019-03-03 23:04:56 · 227 阅读 · 0 评论 -
npm 安装插件错误(“坑!~”)
npm 安装 插件 出现npm ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATUREnpm ERR! errno UNABLE_TO_VERIFY_LEAF_SIGNATUREnpm ERR! request to https://registry.npmjs.org/express failed, reason: unable to verify th...原创 2019-03-03 23:13:47 · 2363 阅读 · 0 评论 -
enementUi 表单
radio与checkbox组件添加点击事件方法一(:max="1"): <el-checkbox-group v-model="checkList" :max="1"> <el-checkbox label="选项 A"></el-checkbox> <el-checkbox label="选项原创 2019-03-04 10:30:48 · 241 阅读 · 0 评论 -
computed与watch属性
自己的理解:computed用来监控自己定义的变量,该变量不在data里面声明,直接在computed里面定义,然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理; computed比较适合对多个变量或者对象进行处理后返回一个结果值,也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化,举例:购物车里面的商品列表和总金额之间的关系,只要商品列表里面的商品数量发生变...原创 2019-03-04 11:10:00 · 192 阅读 · 0 评论 -
element渲染表格支持html
方法一--------------------------------------------------------------------------------------<el-table-column prop="url" label="weburl"><template slot-scope="scope"><a :href= "tableDa.原创 2019-03-07 09:19:22 · 880 阅读 · 0 评论 -
elementui日期选择,如何设置当天后的日期不能被点击;及默认展示日期效果
<div class="block" size="small"> <el-date-picker v-model="value7" type="daterange" align="left&quo原创 2019-03-16 14:11:50 · 1844 阅读 · 0 评论 -
element时间控件
type=datetimerangetype=datetimevalue-format="yyyy-MM-dd HH:mm:ss"type=data-----------------------------------------------------------------------------------------------------------<el...原创 2019-03-08 11:06:21 · 1253 阅读 · 0 评论 -
element表单校验
<template> <div> <h3><span class="ml20">创建活动</span></h3> <hr/> <div class="fromBox"> <el-form ref=&原创 2019-03-05 15:45:50 · 416 阅读 · 0 评论 -
Vue+MySQL+Express
添加Express服务端目录1、前提:电脑安装mysql数据库2、在项目根目录下创建一个server文件夹。然后里面创建下面三个文件:// 数据库连接配置module.exports = { mysql: { host: 'localhost', user: 'root', password: '', data...转载 2019-03-01 23:14:54 · 506 阅读 · 0 评论 -
快速配置VSCode开发界面
下载地址https://code.visualstudio.com/Download安装插件Auto Close Tag Auto Rename Tag Debugger for Chrome ESLint HTML Snippets Open in Browser Partial Diff Path Autocomplete Project Manager Sass...转载 2019-03-01 21:40:06 · 3208 阅读 · 1 评论 -
Vue.js + Element.ui 从搭建环境到打包部署
一直在Angular 与 Vue 之间徘徊,之前一直再用Agular 写东西,公司再用得也是,但是升级到2之后明显感觉不如Vue(个人见解),所以果断倒戈Vue,然后这两天一直在啃Vue,说真的,学新东西的感觉是超级爽的,所以趁热将一些东西记录下来。一、搭建环境由于新的node已经集成了npm,所以直接安装node,前往node官网下载最新版本的node,根据自己的操作系统选择相应的...转载 2019-01-22 16:58:31 · 1548 阅读 · 0 评论 -
Vue 中 安装 element-ui 的步骤
1. 在项目下 输入 npm install element-ui -S2.查看配置文件package.json,是否有element-ui组件的版本号 如下图:3.安装成功后 ,在node_modules中可以看到 element-ui的文件夹 ,所有安装的源文件可以在这里面找到4. 在main.js文件中 引入 element 组件 : impo...原创 2019-01-23 11:33:54 · 677 阅读 · 0 评论 -
vue中使用axios后post请求注意事项
定义局部“qs”注意:引入import qs from "qs"; 第三方库对请求参数进行转换,否则不通过<script> import qs from "qs"; export default { name: "posts", data(){ return { } }, ...原创 2019-02-15 16:18:45 · 457 阅读 · 0 评论 -
在vue中配置Axios全局
import Axios from 'axios'Vue.prototype.$axios = Axios;Axios.defaults.baseURL = 'http://www.wwtliu.com';Axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';原创 2019-02-15 16:56:53 · 761 阅读 · 0 评论 -
vue.js处理跨域问题
第一步: 修改 config--->index.jsproxyTable: { "/api":{ target:"http://localhost:3000", changeOrigin:true, pathRewrite:{ '^/api':'' }第二步:min.js添加HOST:Vue.prototype.HOST='/ap...原创 2019-02-18 11:47:10 · 259 阅读 · 0 评论 -
VUE ELEMENT-UI 后台
【大牛推荐】- 手摸手,带你用vue撸后台https://juejin.im/post/59097cd7a22b9d0065fb61d2https://segmentfault.com/a/1190000009275424项目脚手架https://github.com/PanJiaChen/vue-admin-template一个大兄弟的分享https://www.cnblog...原创 2019-02-13 15:09:38 · 489 阅读 · 0 评论 -
vuejs 配置路由
vuejs 路由加载1, 安装 npm install --save vue-router2, 引用 import VueRouter from 'vue-router'3, 配置路由文件 var router = new VueRouter({ routes:[ { path:"/hello", component:HelloW...原创 2019-02-19 09:24:11 · 1881 阅读 · 0 评论 -
vuex的store使用
以上成功获取商品数据,现在我想改变商品的价格:在store里有两个属性 一个是name: 一个是price:我们可以去到想要改变的页面这个时候在TWO的页面内容有所更改,如果想要one页面也要这样的数据,我们可以直接复制过去,但如果很多页面需要,或者很大的数据这样就会不太方便优化方法如下:getters:获取数据 :...转载 2019-03-01 14:40:16 · 283 阅读 · 0 评论 -
element-admin
build目录下webpack.base.conf.js文件设置代码严谨模式// ...(config.dev.useEslint ? [createLintingRule()] : []),原创 2019-03-05 09:35:45 · 284 阅读 · 0 评论 -
解决input='number'能输入e和负数 限制input输入位数问题
在input='number‘的时候还是能输入'-'和'e',我查了别人的博客,解释为:正常情况下e不是数字所以不能被输入,原因是e在数学上代表2.71828,所以它也还是一个数字解决这个情况可以这样写:<input type="number" class="form-control" onkeypress="return (/[\d]/.test(String.fromChar...原创 2019-06-17 11:48:35 · 2414 阅读 · 1 评论