vue
ぎ风な
余生很长,请多多指教
展开
-
Element-UI可以动态生成的form表单
此form表单每一项绑定的值组成一个对象,对象叠加组成了一个对象数组,循环对象数组生成form的表单项。当点击新增一项时,其实就是给form表单对象数组添加一个对象,删除则反之。值得注意的是,由于动态表单得到的是一个对象数组,但我们需要的是表单的值组成的对象,所以我们还需要把这个对象数组转成一个对象。原创 2022-11-09 11:19:35 · 4129 阅读 · 1 评论 -
vue实现搜索内容与结果中文字匹配并高亮
vue实现搜索内容与结果中文字匹配并高亮原创 2022-07-29 10:47:02 · 1103 阅读 · 4 评论 -
js 递归树结构数据查找指定元素的所有父级
js 递归树结构数据查找指定元素的所有父级原创 2022-07-13 16:34:38 · 2540 阅读 · 0 评论 -
el-input 输入框禁止输入特殊字符
el-input 输入框禁止输入特殊字符原创 2022-06-29 14:02:17 · 1828 阅读 · 1 评论 -
el-input的type=number去掉后面的调整箭头
el-input使用tpye =number时,是可以在输入框中输入数字格式的内容,但是会在输入框的右边出现上下调整的箭头,虽然不影响功能,但是看着很不美观原创 2022-06-29 14:00:17 · 917 阅读 · 0 评论 -
el-input-number 参数及各种情况
el-input-number 参数及各种情况原创 2022-06-23 18:43:19 · 18658 阅读 · 0 评论 -
vue element-ui实现金额数字添加千分位并保留两位小数
【代码】vue 实现金额数字添加千分位并保留两位小数。原创 2022-06-23 18:11:16 · 3158 阅读 · 0 评论 -
vue 自定义下拉搜索框
vue 自定义搜索框原创 2022-06-15 15:42:28 · 1617 阅读 · 2 评论 -
vue 父组件调用子组件方法
组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。所有的 Vue 组件同时也都是 Vue 的实例,所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子。子组件<template> <div> Dome </div>原创 2022-04-24 17:53:52 · 208 阅读 · 0 评论 -
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 · 4255 阅读 · 0 评论 -
js实现将数字转为中文
js实现将数字转为中文changeNumToHan(num) { var arr1 = new Array('零', '一', '二', '三', '四', '五', '六', '七', '八', '九'); var arr2 = new Array('', '十', '百', '千', '万', '十', '百', '千', '亿', '十', '百', '千', '万', '十', '百', '千', '亿');//可继续追加更高位转换值 if (!num || i原创 2022-02-23 16:16:53 · 2034 阅读 · 0 评论 -
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 · 121 阅读 · 0 评论 -
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 · 1598 阅读 · 0 评论 -
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 · 1108 阅读 · 0 评论 -
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 · 494 阅读 · 0 评论 -
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 · 907 阅读 · 1 评论 -
如何在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 · 526 阅读 · 2 评论