随笔分类 -  vue.js小笔记

1 2 下一页
vue.js解析学习
摘要：vue.j Vue概述：MVX模式简介，Vue框架简介，Vue.js的安装与使用。 Vue基础语法：实例对象，生命周期，模板语法，计算属性，methods方法 Vue渲染：列表渲染，条件渲染 Vue事件与表单：事件处理，事件对象，事件委派，表单处理 MVX模式简介：MVX框架模式：MVC+MVP+M 阅读全文
posted @ 2019-12-10 14:51 安心牧羊人 阅读(485) 评论(0) 推荐(0)
vue-devtools google扩展插件安装
摘要：步骤1：git clone https://github.com/vuejs/vue-devtools.git 阅读全文
posted @ 2019-07-17 16:22 安心牧羊人 阅读(207) 评论(0) 推荐(0)
vue+element 登录密码显示隐藏
摘要：<template> <div id='test'> <el-form :model="formPassword" labelWidth="80px" label-position="left"> <el-form-item label="旧密码"> <el-input type="password 阅读全文
posted @ 2019-07-17 15:20 安心牧羊人 阅读(2754) 评论(0) 推荐(0)
vue引入高德地图获取经纬度地址
摘要：1、在index.html引入高德地图 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.4&key=your key"></script> //key找个适合例如：160cab8ad6c50752175d7 阅读全文
posted @ 2019-06-19 09:25 安心牧羊人 阅读(9213) 评论(0) 推荐(0)
vue+element表格拖拽
摘要：<template> <div style="width:800px"> <el-table :data="tableData" border row-key="id" align="left"> <el-table-column v-for="(item, index) in col" :key= 阅读全文
posted @ 2019-06-17 10:45 安心牧羊人 阅读(7128) 评论(2) 推荐(1)
vue+element前端自行分页
摘要：最终效果展 需要data定义一些，userList定义一个空数组，请求的数据都是存放这里面 对一些数据，方法处理，数据的来源是自己通过json-server搭建的本地数据，通过vue-resource请求数据， 阅读全文
posted @ 2019-06-04 11:50 安心牧羊人 阅读(7828) 评论(0) 推荐(0)
vue引入jquery
摘要：在vue中我们如何引入jquery 1.在package.json里面的dependencies 加入“jquery”：“^3.2.1”， 图示 2. 终端输入 npm install jquery --save-dev （注意：jquery 一定要小写 不然会提示 Please use 'jque 阅读全文
posted @ 2018-03-18 21:39 安心牧羊人 阅读(166) 评论(0) 推荐(0)
vue项目安装步骤和去eslint-disable警告
摘要：vue.js 笔记安装vue 步骤1.npm install vue //安装vue2.npm install —global vue-cli //全局安装 vue-cli3.vue init webpack my-project //安装webpack 4.cd my-project //进入项目 阅读全文
posted @ 2018-03-18 19:23 安心牧羊人 阅读(1599) 评论(0) 推荐(0)
vue请求接口
摘要：<template> <div id="focus"> <ul > <li v-for="(item,index) in focusList"> <div class="fportraits"> <img :src="'./src/'+item.portrait" :alt="item.name"> 阅读全文
posted @ 2017-10-27 16:56 安心牧羊人 阅读(516) 评论(0) 推荐(0)
vue.js 做锚点
摘要：methods: { goAnchor(selector) { var anchor = this.$el.querySelector(selector) document.body.scrollTop = anchor.offsetTop; // chrome document.documentE 阅读全文
posted @ 2017-10-27 10:25 安心牧羊人 阅读(1052) 评论(0) 推荐(0)
vue.js表单提交
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>helloform_Vue</title> <meta http-equiv="Content-Type" content="text/html; charse 阅读全文
posted @ 2017-10-23 17:00 安心牧羊人 阅读(17876) 评论(0) 推荐(0)
vue.js 脚手架vue-cli构建了项目，想去除Eslint验证，如何设置？
摘要：或者注释 阅读全文
posted @ 2017-09-04 16:32 安心牧羊人 阅读(211) 评论(0) 推荐(0)
vue如何让自定义函数挂到全局
摘要：在main.js里进行全局注册 Vue.prototype.ajax = function (){}在所有组件里可调用 this.ajax // xxx.js 组件 exports.install = function (Vue, options) { Vue.prototype.ajax = fu 阅读全文
posted @ 2017-07-07 15:30 安心牧羊人 阅读(3334) 评论(0) 推荐(0)
vue.js文本框字数限制
摘要：<div> <textarea placeholder="填写服务备注" style="width:100%; border:solid 1px #d8d8d8; border-radius:3px; font-size:14px; padding:10px;" rows="3" maxlength 阅读全文
posted @ 2017-06-28 10:13 安心牧羊人 阅读(6974) 评论(0) 推荐(0)
vue改变select 色值js
摘要：vue-js <select @change="ps_onchange($event)"> <option value="" selected>请选择区域</option> <option value=""> 默认区域</option> <option value="1" >2</option> < 阅读全文
posted @ 2017-06-14 15:36 安心牧羊人 阅读(1447) 评论(0) 推荐(0)
vue.js 点击改变行样式
摘要：vue2.0 实现click点击当前li，动态切换class 1，文件内容 //为item添加不存在的属性，需要使用vue提供的Vue.set( object, key, value )方法。 看详解：https://cn.vuejs.org/v2/api/#Vue-set <template> < 阅读全文
posted @ 2017-06-09 11:29 安心牧羊人 阅读(2178) 评论(0) 推荐(0)
vue.js插件提示框模板写法
摘要：<template> <el-button type="text" @click="open4">点击打开 Message Box</el-button> </template> <script> export default { methods: { open4() { this.$msgbox( 阅读全文
posted @ 2017-06-08 21:16 安心牧羊人 阅读(2489) 评论(0) 推荐(0)
vue.js 实现购物车加减方法
摘要：<template> <div class="coutter-wrapper"> <button type="button" @click="plus">+</button> <button type="button">{{ result }}</button> <button type="butt 阅读全文
posted @ 2017-06-08 21:08 安心牧羊人 阅读(5778) 评论(0) 推荐(0)
vue.js 弹层
摘要：<div class="open-box" v-if="SystemShow" @click="ColseShow"> <div class="open-box-content"> <h3>系统提示</h3> <p>系统检测到您是天下医家的医护人员 <br>可以通过APP进行点餐 <br>获得更多优 阅读全文
posted @ 2017-06-08 20:58 安心牧羊人 阅读(2146) 评论(0) 推荐(0)
vue.js选项卡动态组件
摘要：动态组件 <componet :is="组件名称"></component> 阅读全文
posted @ 2017-06-06 09:39 安心牧羊人 阅读(378) 评论(0) 推荐(0)

1 2 下一页