- 博客(14)
- 收藏
- 关注
原创 手机虚拟键盘的获取按键的code值,监听删除按键
if (keyCode == 13) { // 可根据keycode值做有需要的操作。if (keyCode == 8) { // 可根据keycode值做有需要的操作。console.info('虚拟键盘完成键按下')console.info('删除')// 监听手机输入键盘操作。
2023-08-16 14:16:45
335
1
原创 路由传参返回时页面渲染不到数据的问题解决
1.this.$router.push({path:"跳转路径",query:{ 参数名:参数},});2,接参数的页面this.$route.query.参数名总结:在2页面刷新时候页面数据丢失解决办法:传参this.$router.push({path:"跳转路径",query:{ 参数名:JSON.stri...
2021-09-14 11:12:32
416
1
原创 uniapp自定义tabbar的动态添加
<template> <view class="uni-tabbar"> <view class="uni-tabbar__item" v-for="(item,index) in tabbar" :key="index" @tap="changeTab(item)"> <view class="icon" :class="[item.fontIcon , item.pagePath == pagePath?'uni-...
2021-06-10 10:10:11
1595
2
原创 2021-02-03
Vue简单新增对话框# v-hasPermi="[‘system:butt:add’]“的使用<el-buttontype=“primary”icon=“el-icon-plus”size=“mini”@click=“handleAdd”v-hasPermi=”[‘system:butt:add’]">新增 /** 新增按钮操作 /handleAdd(row) {this.reset();if (row != undefined) {this.form.parent
2021-02-03 15:16:00
181
转载 vue vue-cli @vue/cli将px转换成rem单位配置(flexible,px2rem)
与原来的vue-cli 2.x版本不同的是:如果使用最新版本的@vue/cli初始化vue项目时,通常看不到webpack的配制文件。而在原来的2.x版本,我们可以在utils.js中轻松配制px2rem相关配置。为了解决这个问题,我研究了一下vue-cli的官方文档,发现我们仍然可以像以往那样配制。具体步骤如下:安装安装lib-flexible:npm install --save lib-flexible1 安装postcss-loader和postcss-px2rem:npm ins
2020-08-31 17:24:35
345
4
原创 特殊的ref和el
属性:vm.el获取Vue实例关联的DOM元素;vm.el获取Vue实例关联的DOM元素;vm.el获取Vue实例关联的DOM元素;vm.data获取Vue实例的data选项(对象)vm.options获取Vue实例的自定义属性(如vm.options获取Vue实例的自定义属性(如vm.options获取Vue实例的自定义属性(如vm.options.methods,获取Vue实例的自定义属性methods)vm.refs获取页面中所有含有ref属性的DOM元素(如vm.refs获取页面中所
2020-08-21 11:16:30
391
原创 v-for出来的数据如何实现点击那个元素,那个元素样式变化
# v-for出来的数据如何实现点击那个元素,那个元素样式变化## 首先在template<template><div class="btn"> <div :class="active===index1?'btna':'btns' " v-for="(item,index1) in btn" :key="index1" @click="contr...
2020-08-13 18:40:54
629
原创 vue cli的创建
Vue cli 的创建Vue cli 的创建1.首先下载node.js(参考相关文档)2.点击 电脑左下方的 开始 开始 》 搜索 》cmd 》管理员的身份运行》在终端 输入1.首先npm i @vue/cli -g 2.创建文件(首先cd 到你想要的文件夹中)Vue create 项目(小写)![![![](https://img-blog.csdnimg.cn/20200811202342611.png?x-oss-process=image/watermark,typ
2020-08-11 20:31:04
109
原创 微信小程序
小程序先在工具上,勾选“npm模块”在详情–本地设置–使用npm模块同时,检查调试基础库,要使用 2.2.1 或以上npm 支持从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开始勾选后,project.config.json文件会多一行代码:"setting": { ... "nodeModules": true},12342. 打开电脑自带命令行工具,进入到项目根文件夹下,执行:npm init -y1-y :即yes,省去
2020-07-21 09:08:46
175
原创 Vue面试题
1、对mvvm模式的理解?mvvm是model view viewModel的缩写 model 是数据模型 定义数据修改和操作的业务逻辑 view是ui组件 将数据模型转换成Ui展现出来 viewModel监听模型数据的改变 控制视图行为 处理用户交互 通过双向数据绑定将view和model连接起来 view和model之间的同步是自动的 无需人为干涉 所以开发者只需要关注业务逻辑而不需要操作dom 更无须关注数据状态的同步问题 复杂的数据状态维护就交给mvvm统一管理。2、vue生命周期?vue实例
2020-07-12 09:58:23
163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人