vue.js
想快快长大
这个作者很懒,什么都没留下…
展开
-
vue重头开始搭建element后台环境
安装elementyarn add element先去src下面的创建文件夹plugins然后创建element.js文件import Vue from 'vue'import Element from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(Element)yarn add...原创 2020-03-18 17:17:40 · 131 阅读 · 0 评论 -
js获取文本域输入行
var tmp = document.querySelector('#test').value; var lines = tmp.split(/\r*\n/); var linesCount = lines.length - (navigator.userAgent.indexOf('MSIE') !== -1);console.log('linesCoun...原创 2019-11-25 16:13:16 · 399 阅读 · 0 评论 -
element一次请求上传多个文件
<div> <el-upload action drag class="upload-demo" :on-exceed="handleExceed" :limit="5" :file-list="fileList" :on-change="change"...原创 2019-11-22 15:26:42 · 1829 阅读 · 1 评论 -
vue防抖监听搜索watch
npm i lodash -S 先安装轮子然后在需要的页面 导入他let _ = require("lodash");现在methods定义防抖方法decodenameSearch: _.debounce(function(decodename) {this.fetch(decodename);}, 500)然后监听watch使用watch: {de...原创 2019-11-21 11:10:52 · 457 阅读 · 0 评论 -
element上传类型限制 携带token请求头
携带token计算属性中添加computed: { headers() { return { Authorization: "Bearer " + (localStorage.token || ""), "Content-Type": "application/json;charset=UTF-8" }; }...原创 2019-11-18 14:40:14 · 2694 阅读 · 0 评论 -
避免localStorage被更改 让localStorage禁止修改值
上代码1.当localStorage值被修改的时候清除他并且跳转到登录页window.addEventListener('storage', function () { localStorage.clear(); window.location.replace("/#/login"); });2.让localStorage值无法修改window.addEve...原创 2019-11-15 17:10:46 · 4693 阅读 · 0 评论 -
vue地址栏隐藏id 隐藏参数
因为这样的话 安全性就出现问题了 所以需要更改成地址栏不出现id使用方法很简单router把/:id去掉即可无需写路径 使用 router的 name 即可跳转$router.push({name:'workedit',params:{id:scope.row.gdid}})地址栏就没有id了...原创 2019-11-08 09:34:17 · 2698 阅读 · 0 评论 -
vue的watch监听防抖函数
需求就是输入框进行实时搜索 但是肯定不能说输入一个字符就进行一次搜索 接口请求多了容易崩掉所以防抖函数就起作用了 直接上代码把methods里面设置debounce: function(fn, wait) { if (this.fun !== null) { clearTimeout(this.fun); } this.fun = ...原创 2019-10-28 15:33:23 · 3047 阅读 · 0 评论 -
vue的watch监听数组或者数组下标值
watch: { "ruleForm.urls.0.gdurl":function(val, oldVal) { console.log(val); },}那个0就是下标 只会监听这个数组0下标的值改动原创 2019-10-27 15:45:52 · 2543 阅读 · 0 评论 -
element级联选择器省市联动json数据复制直接用
{"default":[{"value":"110000","label":"北京市","children":[{"value":"110101","label":"东城区"},{"value":"110102","label":"西城区"},{"value":"110105","label":"朝阳区"},{"value":"110106","label":"丰台区"},{"value":"1...原创 2019-10-23 15:04:28 · 493 阅读 · 0 评论 -
echarts总是独占一行 让他们并列在一行
可以使用栅格来进行操作 这边使用element的栅格完成原创 2019-10-22 15:38:37 · 2556 阅读 · 0 评论 -
vue使用echarts可视化工具展示
成功图使用方法很简单 因为echarts在vue使用需要配置太多配置项 咱们可以使用element团队开发的 基于echarts的v-charts工具 一个标签 一个数组数据 即可完成可视化npm i v-charts echarts -S安装完成后 在main.jsimportVChartsfrom'v-charts'Vue.use(VCharts)导入然后...原创 2019-10-22 15:37:07 · 748 阅读 · 0 评论 -
element多选框select下拉框数据回显的问题value.push is not a function
昨天弄了一下午 才解决这个问题选择这个省份是下拉框 我传入的是省份的编号 因为数据库mysql是int结构 所以传过来的是个字符串那么大家可能会遇到这个问题数据不回显的问题昨天一天都在搞这个 我之前做过的 新建的时候根据省份编号存进去 编辑的时候 根据编号显示对应的省份 后来才发现 element这个下拉框是需要数组类型 的 所以我们字符串就会出现问题Error in ev...原创 2019-10-13 09:08:42 · 12796 阅读 · 9 评论 -
解决element中Radio 单选框无法选中的问题
定义了数据没办法被选中 因为后台要数据类型 所以<el-form-itemlabel="运营商"><el-radiov-model="ruleForm.source":label="1">电信</el-radio><el-radiov-model="ruleForm.source":label="2"&...原创 2019-10-12 09:48:14 · 6547 阅读 · 0 评论 -
element解决dateObject.getTime is not a function问题
后面发现是表单验证 出现了问题删除type:date字段即可正常使用原创 2019-10-12 09:24:00 · 1886 阅读 · 0 评论 -
node.js做中间层调用java接口
今天就遇到了这个问题 vue 调用java接口 前后端分离 造成跨域请求 后端迟迟不解决 我便直接用nodejs反向代理java直接上代码//下载express npm i express -Sconst express = require('express')const request = require('request')const app = express(...原创 2019-09-19 17:37:37 · 5053 阅读 · 0 评论 -
vue实现一个简易的添加信息
vue.js的确好用啊 如果用js做的话代码就多了起来了 操作dom也影响性能 直接贴代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>demo13</title> <script src="./lib/vue...原创 2019-08-02 10:43:50 · 966 阅读 · 0 评论 -
vscode hbuilder 自定义设置html代码块vue代码块
相信大家在学习vue的时候 新建一个html页面很痛苦 需要手打模板 多麻烦呀 咱们直接设置代码块 复制直接用{ "vue html": { "prefix": "vh", "body": [ "<!DOCTYPE html>", "<html>", "\t<head>", "\t<meta ...原创 2019-08-02 09:15:46 · 3045 阅读 · 1 评论 -
vue.js2行代码实现简易计算机计算 纯干货
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>demo6</title> <...原创 2019-08-01 22:43:06 · 499 阅读 · 0 评论