vue
梦一场江南烟雨
听闻远方有你,动身跋涉千里,我吹过你吹过的风,这算不算相拥
zhoukai.blog.csdn.net
展开
-
Vue项目预渲染
Vue项目预渲染原创 2023-03-21 14:47:59 · 1632 阅读 · 0 评论 -
vue通过自定义指令使input输入框自动获取焦点
在部分开发场景中我们需要input输入框自动获取焦点我们可以通过以下代码实现使用自定义指令 v-focus<template><el-input v-focus v-model="scope.row.comment" placeholder="请输入内容" @input="onInput"></el-input></template>在script中注册自定义指令// 使用directives注册v-focus指令directives: {原创 2021-09-24 10:03:57 · 2108 阅读 · 2 评论 -
vue开发自定义的全局公共组件
这里我主要介绍两种自定义全局公共组件的方法(1)第一种:首先在components中新建一个文件夹,我这里做的是全局加载动画组件所以命名的是Loading文件夹如图:其中index.js为组件加载文件,index.vue为组件模板文件index.js文件:// 引入组件import Loading from './index.vue'// 创建个空对象const obj = {}// 设置安装方法obj.install = (Vue) => { // 1. 创建组件构造原创 2021-08-20 17:50:52 · 4806 阅读 · 6 评论 -
vue输入框限制各种输入格式
(1)限制只能输入数字、带小数点的数字<el-input v-model="form.userName" @input="onInput('keyName', $event)"></el-input>// 限制只能输入数字、带小数点的数字、小数点保留5位,想要小数点后保留多少位,可将{0,5}中的5改为对应的位数,例如保留1位:{0,1}onInput(key, event){ this.form[key] = event.match(/^\d*(\.?\d{0,5})原创 2021-08-12 10:25:11 · 2359 阅读 · 2 评论 -
在uni-app中使用element-ui
uni-app的相关UI组件库中可能会没有你想要的功能组件,自己去开发的话需要花很多时间,此时咱们可以将别的UI组件库给安装到uni-app中来,达到直接使用该UI组件库的功能组件,例如,安装element-uiuni-app使用element-ui需安装以下插件npm i element-ui -S按需引入组件需要装以下插件npm install babel-plugin-component -D当你安装完以上插件后,需要在main.js中进行引入,例如引入全部:import Vue fr原创 2021-07-21 15:22:42 · 24196 阅读 · 31 评论 -
vscode代码相关自动格式化配置
vscode:setting.json{ "editor.renderIndentGuides": false, "editor.codeActionsOnSave": { "source.fixAll": true }, "git.confirmSync": false, "launch": { "configurations": [], "compounds": [], "search.exclude": { "system/": tru原创 2021-07-09 17:04:16 · 1336 阅读 · 2 评论 -
让输入框输入的时候只能输入整数
说什么废话,直接上代码html代码 <el-form-item label="数量" prop="count"> <el-input type="number" step="1" min="0" max="999999999999" v-model="count" @input.native="onInput" placeholder="请输入数量">原创 2021-06-22 17:40:07 · 525 阅读 · 1 评论 -
vuex数据持久化处理
大家都知道在使用vuex时有一个弊端就是,就是一旦页面刷新,所有之前存储的状态就全部没了,这是因为js代码运行在内存中,代码运行时所有的变量和函数都是保存在内存中的,刷新的时候以前申请的内存将会被释放,并且js脚本会被重新加载,变量重新赋值。所以在我们使用vuex的时候只要一刷新数据就没了。如果我们想要持久化保存数据可以使用 localStorage 或者sessionStorage 存储在本地,保证刷新后数据不会丢失。但我们也可以使用插件实现刷新后数据不丢失在这里我推荐使用这两个插件vuex-pers原创 2021-06-01 14:34:33 · 2946 阅读 · 5 评论 -
vue父子组件、兄弟组件之间的传值通信
一般来说在vue项目里面的父、子组件间的传值很容易理解,父传子无非就是在子组件里面用props来显示的声明父组件传递的属性,例如:子组件:<!--这是子组件 child.vue --><template> <div class="not-found"> {{ message }} </div></template><script> props: ['message'], export default {原创 2021-05-31 17:57:48 · 1194 阅读 · 4 评论 -
Vue自定义组件通过v-model指令控制组件的隐藏、显示
在开发项目的过程中,我们通常会有自定义组件的时候,那么在自定义组件后,我们如何去对组件进行类似于常用的UI组件库里面那些通过v-model来展示、隐藏组件的功能效果呢?好吧~接下来我直接上代码(1)新建一个叫child.vue的vue组件文件,内容如下:<!--child.vue--><template> <div class="tips_wrap" v-if="showChild"> 我是自定义组件child </div><原创 2021-03-02 17:01:41 · 4207 阅读 · 0 评论 -
用vue的UI组件库搭建项目
1.使用vant(一款vue的UI组件库)npm install vant -S然后在main.js(入口文件)里面引入所有组件(我习惯引入所有组件,也可以按需引入)import Vue from 'vue';import Vant from 'vant';import 'vant/lib/index.css';1.1或者试用vux(一款vue的UI组件库)npm install...原创 2019-08-21 14:30:02 · 299 阅读 · 0 评论 -
vue项目嵌套iframe,发送、接收数据
<template> <div class="home"> <iframe src="http://127.0.0.1:8888/index.html" class="mapFrame" ref="mapFrame"></iframe> </div></template> <scri...原创 2019-05-18 17:15:27 · 6046 阅读 · 0 评论