vue
专业填坑的猴子
这个作者很懒,什么都没留下…
展开
-
VUE 保证输入框无法输入半角数字以外的字符
vue相关知识点原创 2022-08-17 09:04:42 · 471 阅读 · 1 评论 -
vue输入框只准许输入数字
vue Vuetify原创 2022-06-30 16:53:25 · 1262 阅读 · 0 评论 -
Vue3.0 vue.config.js 配置代理实现跨域
module.exports = { //配置接口转发 devServer: { host: '0.0.0.0', port:8000, https:false, hotOnly:false, proxy: { '/': { target: "http://localhost:8080", changeOrigin: true,原创 2020-12-09 09:21:05 · 631 阅读 · 1 评论 -
vue的键盘回车事件
如果是原生的input,使用 @keyup.enter就可以,若是使用了element-ui,则要加上native限制符,因为element-ui把input进行了封装,原事件就不起作用了,代码如下:<input v-model="msgValue" placeholder="请输入你想说的话" @keyup.enter="sendMsg"><input v-model="...原创 2020-05-07 08:28:55 · 558 阅读 · 0 评论 -
vue整合echarts的实例仪表盘
其他配置请看我上一篇博客:vue整合Echarts 实例PM2.5全国主要城市空气质量 百度地图 option值: this.gaugeOption = { tooltip: { formatter: "{a} <br/>{b} : {c}%" }, series: [ { ...原创 2019-09-25 17:55:17 · 1630 阅读 · 0 评论 -
vue整合Echarts 实例PM2.5全国主要城市空气质量 百度地图
ECharts 之前提供下载的矢量地图数据来自第三方,由于部分数据不符合国家《测绘法》规定,目前暂时停止下载服务。建议大家使用以百度地图为底图的形式。第一步:首先申请获取百度开发秘钥ak:http://lbsyun.baidu.com/apiconsole/key在vue的index.html里面加入 <script type="text/javascript" src="http...原创 2019-09-25 15:29:38 · 3558 阅读 · 6 评论 -
vue 简单整合mock 登录 post方法
先安装mockjsnpm install mockjs --save新建一个mock文件夹,放mock假数据项目目录:在main.js 引入 mock数据文件require('../mock/api.js')不想用mock时注释掉当前数据就可以了mock/api.js 文件如下var Mock = require('mockjs')Mock.mock('/login', ...原创 2019-09-13 15:22:56 · 4484 阅读 · 0 评论 -
springBoot+vue+axois POST方法时参数有问题总是报404
问题出在 url: '/login', method: 'POST', params: useraxois就会把对象像个方法一样加在路径后面,后台没法正确获取正确方法为post时 request({ url: '/login', method: 'POST', data: user }).then(r...原创 2019-09-12 15:33:59 · 863 阅读 · 0 评论 -
Vue的 css样式写法id + class名
template<a-layout id="components-layout-demo-custom-trigger"> <a-layout-sider :trigger="null" collapsible v-model="collapsed" > <div class="logo"> ...原创 2019-09-06 08:51:14 · 3254 阅读 · 0 评论 -
Error: Cannot find module 'webpack-cli/bin/config-yargs'
webpack 用npn run dev启动报错,原因是 webpack-cli 包已经从webpack分离出来了,所以要单独安装解决方案npm i -D webpack-cli希望能帮到您!!!原创 2019-04-19 15:32:38 · 5838 阅读 · 1 评论 -
Vue用localStrorage函数简单处理前台校验当前用户是否登录(导航钩子)
某些页面需要验证是否登录,如果登录就可以访问,否则跳转到登陆页面Vue.use(VueRouter);const Routers = [ { path:'/index', component:(resolve) =>require(['./views/index.vue'],resolve) },]const RoutersConfig...原创 2019-04-23 09:41:48 · 312 阅读 · 0 评论 -
vue写一个yyyy-MM-dd HH:mm:ss的样式的自动变化的时钟
<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script></head><body> ...原创 2019-04-15 10:42:41 · 339 阅读 · 0 评论 -
理解vue的重要机制:异步更新队列
<div id="app"> <div id="div" v-if="showDiv">这是一段文本</div> <button @click="getText">获取当前div内容</button> </div> <script type="text/ja...原创 2019-04-17 16:18:15 · 994 阅读 · 0 评论 -
Vue中不是父组件和子组件之间的通信有哪些方式?
非父子子组件一般有两种,兄弟组件和跨多级组件。1.使用一个空的Vue实例作为中央事件总线var bus = new Vue();//首先创建名为bus为空的Vue实例。bus.$emit('on-message','来自组件my-compoennt的内容'); //通bus把事件on-message发出去 bus.$on('on-message',function(msg){ ...原创 2019-04-17 13:21:17 · 261 阅读 · 0 评论 -
Vue组件模板在table,ul,ol,select等html标签元素中使用无效怎么解决。
这种情况下,可以使用特殊的is属性来挂载组件<table> <tbody is="my-component"></tbody></table>原创 2019-04-16 12:54:54 · 1148 阅读 · 0 评论 -
Vue的v-model的几种修饰符.lazy,.number和.trim的介绍
.lazy并不是实时改变,而是在失去焦点或者按回车时才会更新.number将输入转换成Number类型.trim可以自动过滤输入首尾的空格原创 2019-04-16 11:04:59 · 4127 阅读 · 0 评论 -
输入框在失去焦点和按回车时才会更新,使用v-model.lazy修饰符
<input type="text" v-model.lazy="message" placeholder="请输入">原创 2019-04-16 10:59:39 · 910 阅读 · 0 评论 -
vue通过v-model,@input, @v-model.lazy几种输入框数据更新方式的区别
在使用v-model时,如果用中文输入法输入中文,一般在没有选定词组前,也就在拼音阶段,Vue是不会更新数据的,当敲下汉字时才会触发更新。如果希望总是实时更新,可以用@input来代替v-model. <div id="app"> <input type="text" v-model.lazy="message" placeholder="请输入"> ...原创 2019-04-16 10:57:35 · 3257 阅读 · 0 评论