- 博客(28)
- 收藏
- 关注
RSS订阅
原创 el-input的type=number去掉后面的调整箭头
el-input使用tpye =number时，是可以在输入框中输入数字格式的内容，但是会在输入框的右边出现上下调整的箭头，虽然不影响功能，但是看着很不美观
2022-06-29 14:00:17
850
原创 vue子组件怎么调用父组件的方法
方法：1、子组件中通过“this.parent.event”来调用父组件的方法。2、子组件用“parent.event”来调用父组件的方法。2、子组件用“parent.event”来调用父组件的方法。2、子组件用“emit”向父组件触发一个事件，父组件监听这个事件即可。3、父组件把方法传入子组件中，在子组件里直接调用这个方法即可。第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法父组件<template> <p> <ch
2022-04-24 17:58:02
17033
1
原创 vue 父组件调用子组件方法
组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。所有的 Vue 组件同时也都是 Vue 的实例，所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子。子组件<template> <div> Dome </div>
2022-04-24 17:53:52
184
原创 vue element-ui实现input输入框金额数字添加千分位
vue element-ui实现input输入框金额数字添加千分位学习成长记录别喷哈学习成长记录别喷哈直接上代码<template> <div> <el-input v-model.trim="form.pastAdjustFee" @blur="inputMoney($event,'pastAdjustFee')"></el-input> </div></template><script >c
2022-03-16 16:32:38
4079
原创 js实现将数字转为中文
js实现将数字转为中文changeNumToHan(num) { var arr1 = new Array('零', '一', '二', '三', '四', '五', '六', '七', '八', '九'); var arr2 = new Array('', '十', '百', '千', '万', '十', '百', '千', '亿', '十', '百', '千', '万', '十', '百', '千', '亿');//可继续追加更高位转换值 if (!num || i
2022-02-23 16:16:53
1989
原创 layui时间控件选择时间范围
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ind
2021-06-09 16:17:21
353
转载 vue 上传视频并回显
<div> <input class="file" name="file" type="file" accept="video/*" @change="updateFace" /> <video class="video" :src="AUDIO" controls="controls"></video> <button @click="AUDIO = ''">删除视频</button> </div>
2021-01-12 15:33:18
1546
原创 vue上传图片并显示
<template> <div class="alert-box-item"> <div class="bigImg-div" v-for="(item,index) in arryImg" :key="index"> <img class="bigImg" :src="item" /> </div> <div class="bigImg-div" @click="toGetImg">
2021-01-12 15:29:28
1083
转载 微信小程序canvas绘制，并且实现图片保存至相册
基础知识点：了解canvas基础知识wx.createCanvasContext（）//微信小程序创建画布wx.canvasToTempFilePath（）//将画布canvas转为图片wx.saveImageToPhotosAlbum(） //微信小程序保存至相册canvas绘制以及绘制过程中的坑：（请看后面的代码部分）1.绘制头像后之后绘制的内容不显示2.头像地址换成网络地址后无法显示3.实现多行文本换行并且获取绘制的文本的高度<!--index.wxml--><
2020-11-27 14:53:55
1130
原创 vue引入导航守卫报错error: XXX is defined but never used no-unused-vars
解决方法解决方法1：在package.json文件内加入如下代码："rules": { "generator-star-spacing": "off", "no-tabs":"off", "no-unused-vars":"off", "no-console":"off", "no-irregular-whitespace":"off", "no-debugger": "off"},保存后重启！解决方法2：在安装项目的时候不安装ESLint:Use ESLint to lin
2020-11-03 11:40:58
468
原创 vue打包成app后，点击手机上的物理返回按钮后直接退出app
在浏览器上浏览vue项目时，后退按钮是可以正常返回上一页的，但是打包成app后，点击手机上的屋里返回按钮，就直接退出app回到桌面了， 以下是解决办法：使用mui进行手机的物理键的监听1、首先安装 vue-awesome-muicnpm install vue-awesome-mui2、在main.js中注册并使用import Mui from 'vue-awesome-mui';Vue.use(Mui);3、在index.html中写如下的js代码<script type="te
2020-11-02 14:55:47
843
1
原创 小程序自定义弹框
wxml<view class='cardNum'> <text catchtap='showDialogBtn'>解除绑定</text></view><!--弹窗--><view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view><view class.
2020-09-25 09:14:01
107
原创 如何在vue中使用富文本编辑器Vue-Quill-Editor
Vue-Quill-Editor再vue 的使用首先我们先nmp安装Vue-Quill-Editornpm install vue-quill-editor -S下载好之后我们就可以再main.js中引入/ 导入富文本编辑器import VueQuillEditor from 'vue-quill-editor'// require styles 导入富文本编辑器对应的样式import 'quill/dist/quill.core.css'import 'quill/dist/quill.
2020-09-07 10:41:37
497
2
原创 前端如何生成二维码
@[TOC]前端如何生成二维码前端生成二维码需要一个重要的js文件那就是 qrcode.js 这个文件我会在下面放上!下面我们直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title...
2020-04-26 17:18:08
629
原创 原生js调用手机拍照功能
原生js调用手机拍照功能 此功能主要用于混合App开发时手机拍照上传图片的功能！话不多说直接上代码！注：此代码在浏览器中运行时会报错，必须在打开调试在手机上运行才可以！// html部分//主要就是给他一个点击事件，来触发上传的事件<img class="head-img mui-action-preview" id="head-img1" src="" onclick=...
2019-12-11 15:44:09
3744
3
原创 js模拟放大镜效果
js模拟放大镜效果首先我们需要两张相同的图，一张大图，一张小图，然后固定他们的宽高和相对位置，下面让我们来看具体的代码。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <sty...
2019-07-19 09:29:23
213
原创 微信小程序上传图片到服务器
@小程序上传图片微信小程序上传图片这是一个新手的学习心得, 小程序上传图片让我在百度找了好久, 最后终于找到了, 现将代码总结一下//wxml中的代码<view class='zhaopian' bindtap="chooseImage"> <image src='{{phone}}' data-index="{{index}}"></image&g...
2019-06-10 11:01:09
433
原创 js纯原声实现贪吃蛇小游戏
贪吃蛇主要实现步骤如下：1:动态生成地图：直到行，列；2:初始蛇的位置：第一行前三个；3:完成蛇移动：蛇移动的方向有：上下左右四个方向控制；注：蛇移动的方向与按键的方向不能相反；4:随机蛋的位置，不能随机在蛇的身上；5:蛇吃蛋，直接改变蛋的样式，然后重新随机蛋，并加一分；6:当蛇碰到map的边缘，蛇碰到自己时，游戏结束；下面然我们来看看代码吧var rows = 10,cols ...
2019-01-04 20:19:18
153
原创 js锅打灰太狼
js原生锅打灰太狼我是一个初学者，以后文章中有啥不对的地方请大佬多多指教；话不多说直接上代码html部分：<!DOCTYPE html><html lang="zh"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" conte
2019-01-04 17:58:56
1192
3
原创 Element-UI可以动态生成的form表单
此form表单每一项绑定的值组成一个对象，对象叠加组成了一个对象数组，循环对象数组生成form的表单项。当点击新增一项时，其实就是给form表单对象数组添加一个对象，删除则反之。值得注意的是，由于动态表单得到的是一个对象数组，但我们需要的是表单的值组成的对象，所以我们还需要把这个对象数组转成一个对象。
2022-11-09 11:19:35
3905
1
原创 vue elemnemtUi实现省市区三级联动
vue elemnemtUi实现省市区三级联动安装插件安装插件npm install element-china-area-data -S话不多说直接上代码<template> <div id="app"> <el-cascader size="large" :options="options" v-model="selectedOptions" @change="handleCha
2021-08-20 09:37:39
91
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人