Vue.js学习
M-Didid
相信自己,一定能行!
展开
-
vue项目加载会出现花括号{{}}的解决方法
使用v-cloak指令这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none }一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。<div v-cloak> {{ message }}</div>[v-cloak] { display: none;}使用v-text指令更新元素的 textContent。如果要更新部分的 textContent,需要使用 {{ Mustac原创 2021-04-08 17:27:35 · 2418 阅读 · 0 评论 -
vue 响应式原理
响应式原理转载 2021-04-08 15:14:11 · 67 阅读 · 0 评论 -
已经安装好vue-devtools插件 右击检查看不到还是vue选项
情况1:打开的不是本地运行起来的系统必须是开发模式下(即本地运行)才能看到,如果你打开的是已经放到服务器上面的链接,就是看不到的情况2:使用外部引入vue.min.js的方式使用的vue引入的是vue.min.js文件,这种压缩版的是默认不支持调试的,改为引入vue.js即可...原创 2021-04-08 15:02:00 · 1665 阅读 · 0 评论 -
关于vue指令v-for和v-if为什么不能同时使用的回答
vue指令v-for和v-if不建议同时使用在vue2.x中,v-for优先级是高于v-if的,如果在同一个元素中使用了v-for和v-if,那么在渲染时,v-for的每一项都要重复运行v-if,这会降低渲染的效率解决方式可以将v-if的功能替换为 在一个计算属性上面遍历后使用如:computed: { activeUsers: function () { return this.users.filter(function (user) { return user.isA原创 2021-03-12 13:43:41 · 685 阅读 · 2 评论 -
vue Router传值 params和query区别
这里写自定义目录标题vue-router传值params接收query接收params和query传值的区别vue-router传值paramsthis.$router.push({name:'edit',params:{id:row.id}});接收this.$route.params.idquerythis.$router.push({path:'/match/edit',query:{id:row.id}});接收this.$route.query.idparams和que原创 2020-11-17 12:02:45 · 170 阅读 · 0 评论 -
更改element-ui 已上传文件列表回显样式
效果对el-upload样式进行修改.el-breadcrumb__inner,.el-breadcrumb__inner a { font-weight: 400 !important;}.el-upload { input[type="file"] { display: none !important; }}.filestyle { .el-upload { position: absolute; } .el-upload-list {原创 2020-10-23 14:24:53 · 5336 阅读 · 1 评论 -
百度地图之添加行政区划 添加遮罩层 并添加街道标记 点击显示街道信息 去除百度地图logo
百度地图之行政区遮罩层街道标记显示信息去除水印效果图添加Map实例,并添加控件,中心坐标为你要显示的区域的中心画行政区、添加遮罩添加窗口信息(点击触发)去除百度地图logo和水印效果图添加Map实例,并添加控件,中心坐标为你要显示的区域的中心var map = new BMap.Map("streetMap"); //创建地图实例var point = new BMap.Point(1...原创 2020-04-23 10:43:43 · 2303 阅读 · 0 评论 -
element-ui table可选行表格的跨页选中不清除上一页的数据+将选中数据显示到页面的跨页联动
第一步:介绍table自带的两个属性这两个属性配合使用,可以保留上一页选中的数据第二步:将选中的数据放到一个SelectData中,包括数据所在的页数、数据在所在页的index下角标和需要显示在页面上的数据字段,这里是pubnumber.思路:选中的数据要考虑是单个选中还是全选单个选中:在选中事件中,先将选中的数据放到tags中,利用val.length大小,将数据放到Selec...原创 2020-03-01 20:49:55 · 1496 阅读 · 0 评论 -
vue项目 引入element-ui框架
vue引入element-ui框架终端命令npm install element-ui --savemain.js中引用import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI)使用原创 2020-02-07 16:33:20 · 241 阅读 · 0 评论 -
导出表格excel
导出表格excel方法新建两个js文件Blob.jsExport2Excel.js组件中应用新建两个js文件Blob.js/* eslint-disable *//* Blob.js*//*global self, unescape *//*jslint bitwise: true, regexp: true, confusion: true, es5: true, vars: t...原创 2020-01-10 11:01:31 · 139 阅读 · 1 评论 -
vue项目中 全局数据的使用
用vue写项目一般都会用到组件,而组件一般是独立的,组件自身需要的数据都写在组件自身内部,而当我们需要组件之间共享数据时,就需要全局数据了。首先,建立一个js文件globalData.js将需要共享的数据写在这个js文件中并 exportconst mapdata=[] const provinceName='' const t='' const tt='' ...原创 2019-11-29 10:41:44 · 2042 阅读 · 1 评论 -
父子组件 、兄弟组件之间函数调用
vue 父子组件 兄弟组件之间函数调用父组件调用子组件中的函数子组件调用父组件中的函数子组件之间函数调用父组件调用子组件中的函数下面是父组件内容<template><div><three-maps ref="threemapsComponent">这个是子组件</three-maps></div></template&...原创 2019-11-29 10:27:21 · 1228 阅读 · 0 评论 -
vue+element-ui 自定义表单校验(用户名、密码)
vue密码、手机号、用户名输入验证1、表单中设置prop ref 和 :rules(详情见element-ui官网)用来设置验证规则,如下:2、在data中写下具体规则,element-ui中的功能不太齐全,需要自定义,我们主要看怎么去实现自定义规则,先上rule代码代码中的validator: validUsername、validator: validatePass都是属于自定义的规则,va...原创 2019-08-06 13:56:06 · 12704 阅读 · 5 评论 -
vue-cli 登录注册的实现
本文章给大家介绍使用vue.js完成简单的登录注册功能功能概览登录界面,登录用户不存在 提示用户进行注册前往注册页面进行注册 注册成功后自动跳转到浏览博客页面可以看到这时候数据表中已有数据登录测试:登录用户密码错误测试登录成功测试...原创 2019-07-01 20:40:26 · 7573 阅读 · 0 评论 -
Vue小白学习笔记
这里写自定义目录标题常用四个属性注意:(这些是vue自动提供的,我们只需要给这些类class块添加css效果即可)组件嵌套:vue-routerweb网站设计:先写结构 后写内容常用四个属性filters:过滤器 属性computed:计算属性methods:方法属性用{{}}调用方法时要带 ‘()’watch:观察属性写代码要细心 不然会耽搁好多时间点击事件、监听键盘事件...原创 2019-05-22 19:41:10 · 143 阅读 · 0 评论