——【Vue.js】
`Seven
这个作者很懒,什么都没留下…
展开
-
【Vue】两个元素同一行显示
原创 2019-11-03 21:59:24 · 19433 阅读 · 5 评论 -
【Vue】Table组件实现不重复插入数据
功能说明1.从数据库中获取数据显示到Table组件中2.允许对这些数据进行插入操作3.要求不允许出现重复的等级出现截图说明代码实现 // 首先是定义数组,将数据库中获取到的数据推送给该数组 // 然后是判断输入的内容是否存在于该数据中 // 最后给出提示 var esistlevel = [1,2,3]; esistlevel.push(4); // console.lo...原创 2019-05-14 12:04:50 · 2742 阅读 · 12 评论 -
【Vue】DatePicker 设置默认日期
功能说明:利用DatePicker组件设置默认日期为当天或一个月后效果图:实现代码<template> <card> <label>开始时间</label> <DatePicker v-model="startTime" type="datetime" :editable="fal...原创 2019-05-14 11:35:35 · 22836 阅读 · 17 评论 -
Vue.js之限制输入方式方法集锦
Vue.js之限制输入方式方法集锦限制输入方式输入时判断输入完成后判断限制输入内容形式一形式二限制输入方式输入时判断<template> <div> <card> <Input style="width: 200px;" placeholder="请输入内容" @on-keyup...原创 2019-03-31 19:20:08 · 804 阅读 · 11 评论 -
Vue.js之下载、上传文件
Vue.js之下载、上传文件界面效果展示下载指定模板界面搭建数据、方法实现下载表格上传文件界面搭建数据方法实现展示效果界面效果展示下载指定模板界面搭建<!-- 下载模板 --><div> <Icon type="md-cloud-download" size="20" style="float:left;margin-left:20px"/>...原创 2019-03-24 16:54:24 · 4836 阅读 · 23 评论 -
Vue.js之各类弹框提示
形式一显示地点:界面正上方this.$Message.info("查询");形式二显示地点:界面右侧上方vm.$Notice.open({ title: "卡号、姓名、电话不可为空", duration: 2 //n秒后消失 });形式三显示地点:界面中心<template> <Button type="primary" @click=...原创 2019-03-19 08:40:17 · 47929 阅读 · 19 评论 -
Vue.js之限制输入特殊字符
需求:只允许在搜索框中输入汉字、英文、数字初级版<template> <div> <card> <Input style="width: 200px;" placeholder="请输入内容" @on-keyup="btKeyUp" /> </car...原创 2019-03-24 21:22:05 · 6405 阅读 · 26 评论 -
Vue.js之使用axios进行get、post传参
axios定义基于Promise的HTTP客户端,用于浏览器和node.js特征做的XMLHttpRequest从浏览器让HTTP从node.js的请求支持Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防范XSRF安装三种方式,均可进行$ npm install axios //使用npm$ bower in...原创 2019-03-21 16:00:41 · 9348 阅读 · 17 评论 -
Vue.js基础(一)
定义 Vue(/vju:/)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。简单实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&...原创 2019-02-17 09:29:14 · 390 阅读 · 11 评论