功能
九分库
这个作者很懒,什么都没留下…
展开
-
Vue回退询问表单未保存是否继续回退
Vue返回提示未保存表单原创 2022-11-29 17:25:26 · 237 阅读 · 0 评论 -
前端(Vue使用clipboard)文字复制功能
Vue 使用clipboard。原创 2022-11-25 16:44:27 · 772 阅读 · 0 评论 -
树形结构递归
【代码】树形结构递归。原创 2022-11-16 13:00:25 · 89 阅读 · 0 评论 -
el-table 自定义表头label
属性加:render-header=“renderHeader”原创 2022-11-07 12:52:35 · 2853 阅读 · 0 评论 -
一台电脑安装多个node版本
安装多个版本的node原创 2022-10-27 16:47:13 · 341 阅读 · 0 评论 -
vue项目接入nuxt,nuxt使用sentry
vue项目接入nuxt,nuxt使用sentry原创 2022-10-25 16:54:30 · 2679 阅读 · 0 评论 -
uniapp HBuilderX 工程与vue-cli 工程相互转换
uniapp HbuilderX工程与vue-cli工程相互转换原创 2022-10-25 16:44:12 · 2442 阅读 · 0 评论 -
Windows10 插入耳机不显示
先禁用再启用。原创 2022-10-20 09:33:25 · 524 阅读 · 0 评论 -
webpack删除文件插件 remove-files-webpack-plugin
webpack删除文件插件。原创 2022-10-14 16:56:58 · 432 阅读 · 0 评论 -
Vue项目改造nuxt
把原vue项目的app.vue中的代码拷贝放到layout/mian.vue中(布局目录 `layouts` 用于组织应用的布局组件,在页面中使用layout: 'mian',https://www.nuxtjs.cn/guide/views#%E5%B8%83%E5%B1%80)它规定了一个页面如何布局页面。你的请求要写在actions 中的nuxtServerInit里,这里可以参考,写的很详细就不多阐述了。原创 2022-10-13 11:19:53 · 2130 阅读 · 0 评论 -
nuxt 使用sentry
打开根目录下的.env文件并输入以下内容。2.配置 nuxt.config.js。2.创建.sentryclirc文件。3.在根目录创建.env文件。3.修改webpack配置。project项目名称。原创 2022-10-12 11:52:17 · 838 阅读 · 0 评论 -
nuxt + pm2 windows status stopped(Created by npm, please don‘t edit manually)
显示Created by npm, please don’t edit manually.status 不是online 显示stopped。原创 2022-10-11 14:29:39 · 734 阅读 · 0 评论 -
Vue项目,uni-app打包为history模式h5页面并使用tomcat部署,解决刷新404问题
前端项目部署tomcat原创 2022-09-05 10:53:01 · 1549 阅读 · 0 评论 -
uniapp 小程序自定义导航栏计算状态栏(顶部)与导航栏(胶囊)高度
小程序自定义导航栏高度问题原创 2022-07-08 13:41:34 · 3270 阅读 · 0 评论 -
html 文件引用JS文件中使用require 一直报错 require is not definded
使用browserify原创 2022-06-09 10:53:42 · 2098 阅读 · 1 评论 -
对象数组取交集
let arr = this.storeInfoList.concat(this.crud.data) // 交集:定义一个对象,通过其属性值是否出现多次判断交集 const arr2 = arr.reduce(function (pre, cur) { obj.hasOwnProperty(cur.id) ? pre.push(cur) : (obj[cur.id] = true) return pre }, [])...原创 2022-05-31 15:08:12 · 173 阅读 · 0 评论 -
vue 项目本地模板导出
在public目录下添加模板 template.xlsx onDownloadClick() { // console.log("下载"); const link = document.createElement('a') // 规定下载的超链接 link.download = '模板.xlsx' // 未点击前隐藏a链接 link.style.display = 'none' // 创建URL对象,指向该文件url原创 2022-05-24 10:41:23 · 503 阅读 · 0 评论 -
对象数组去重
arrSet(Arr,id){ let obj = {} const arrays = Arr.reduce((setArr,item) =>{ obj[item[id]] ? '' : obj[item[id]] = true && setArr.push(item) return setArr },[]) return arrays },原创 2022-04-20 09:03:26 · 64 阅读 · 0 评论 -
商城楼层浮动菜单
组件上加 :id="‘level_’ + (index + 1)"<template> <div class="float-storey" v-if="visibleMenu"> <a-button v-for="(item, index) in menuArray" :key="index" :class="[checkLevel(index) == index ? 'float-storey-active' : '']"原创 2022-04-18 15:23:58 · 84 阅读 · 0 评论 -
楼层左侧楼层浮动菜单
<template> <div class="float-storey" v-if="visibleMenu"> <a-button v-for="(item, index) in menuArray" :key="index" :class="[checkLevel(index) == index ? 'float-storey-active' : '']" size="large" @click="on原创 2022-03-22 08:54:37 · 257 阅读 · 0 评论 -
vue插件
vue-seamless-scroll是一个基于Vue.js的简单无缝滚动组件,基于requestAnimationFrame实现,配置多满足多样需求。目前支持上下左右无缝滚动,单步滚动,以及支持水平方向的手动切换功能vue-meta-info 是一个基于vue 2.0的插件,它会让你更好的管理你的 app 里面的 meta 信息。你可以直接 在组件内设置 metaInfo 便可以自动挂载到你的页面中。如果你需要随着数据的变化,自动更新你的title、meta等信息,那么用此 插件也是再合适不过了。 .原创 2022-03-08 09:19:07 · 360 阅读 · 0 评论 -
Vue + Element 重置按钮组件
<template> <span style="margin-left: 10px"> <el-button :type="type" :icon="icon" :size="size" @click="reset()">{{ BtnName }}</el-button> </span></template><script>export default { props: {原创 2021-12-09 15:46:12 · 1322 阅读 · 0 评论 -
Vue项目中实现用户登录及token验证
Vue项目中实现用户登录及token验证原创 2021-11-30 11:07:54 · 546 阅读 · 0 评论 -
Vue $ref 通过变量,索引修改循环项样式
mouseover(name, index) { // console.log(this.$refs[name][index]); this.$refs[name][index].style.color = "#02b2b5"; },修改带横杠的样式改成驼峰例如border-bottom —> borderBottom// this.$refs[name][index].style.border-bottom= "#02b2b5";原创 2021-11-24 15:16:03 · 725 阅读 · 0 评论 -
webpack 版本依赖关系
依赖 版本 新版本 webpack 4 5 webpack-cli 3 4 webpack-dev-server 3 3原创 2021-11-19 16:54:12 · 548 阅读 · 0 评论 -
解决vue-cli3 运行项目在ie浏览器无法正常显示
安装babel-polyfillnpm install --save @babel/polyfill在main.js最上方引用import 'babel-polyfill'vue.config.js中配置module.exports = { // 在exports中添加,这里很关键,不配置不行 transpileDependencies: ['element-ui'], chainWebpack(config) { // 在chainW.原创 2021-11-11 14:50:55 · 1109 阅读 · 0 评论 -
vue 中this.后面加一个变量
用this[变量名]原创 2021-11-10 17:01:06 · 2720 阅读 · 2 评论 -
this.getOptions is not a function less-loader安装的版本过高
解决方案:1.npm uninstall less-loader2.npm install less-loader@6.0.0原创 2021-11-09 10:27:37 · 65 阅读 · 0 评论 -
vue跳转到指定tab页
路由跳转this.$router.push({ path: '/zbglindex/zbgl1?activeName=second¤tTab=second', })页面接收 mounted(){ this.showtabs();//跳转到指定tab }, methods:{ showtabs(){ if(this.$route.que原创 2021-09-26 15:32:19 · 977 阅读 · 0 评论 -
Vue 搜索显示隐藏组件
创建组件<template> <div class="top-right-btn"> <el-row> <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top" > <el-button .原创 2021-09-13 15:54:15 · 451 阅读 · 0 评论 -
el-upload 上传文件报跨域错误
headers: { Authorization: "Bearer " + getToken() },Bearer后加空格!!!原创 2021-08-05 09:59:28 · 613 阅读 · 0 评论 -
js给数组中对象添加新属性
let person =[{ id: 1, name: 'vhen'},{ id: 2, name: 'json'}]let newArr = obj.map((item,index) =>{ return Object.assign(item,{index:index})})原创 2021-07-28 13:16:21 · 265 阅读 · 0 评论 -
vue 组件 显示隐藏搜索条件
创建组件<template> <div class="top-right-btn"> <el-row> <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top"> <el-button size="mini" circle icon="el-icon-search" @click="原创 2021-07-15 13:12:31 · 2088 阅读 · 0 评论 -
element 分页二次封装
创建vue组件<template> <div :class="{'hidden':hidden}" class="pagination-container"> <el-pagination :background="background" :current-page.sync="currentPage" :page-size.sync="pageSize" :layout="layout" :page-s原创 2021-07-15 11:27:57 · 71 阅读 · 0 评论 -
element 重置表单全局方法
全局js方法// 表单重置export function resetForm(refName) { if (this.$refs[refName]) { this.$refs[refName].resetFields(); }}main.js导入import {resetForm, } from "";Vue.prototype.resetForm = resetForm页面使用this.restForm('表单ref')...原创 2021-07-15 11:22:06 · 196 阅读 · 0 评论 -
element message提示全局挂载
Vue.prototype.msgSuccess = function (msg) { this.$message({ showClose: true, message: msg, type: "success" });}原创 2021-07-15 11:18:46 · 495 阅读 · 0 评论 -
element确认框封装
// 确认框export function handleConfirm(title = '确认删除吗?',type='warning') { return this.$confirm(title, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: type });}import { handleConfirm } from "。。。";Vue.prototype.handleConfirm = handl原创 2021-07-15 11:16:17 · 109 阅读 · 0 评论 -
vue + element table数据过多实现懒加载与不同参数显示不同数据处理方法
全局指令Vue.directive('loadmore', { bind (el, binding) { var p = 0; var t = 0; var down = true; var selectWrap = el.querySelector('.el-table__body-wrapper') selectWrap.addEventListener('scroll', function () { //判断是否向下滚动 p = this.scrollTop;原创 2021-06-16 14:57:34 · 956 阅读 · 2 评论 -
前端导出excel
this.$http.post('/scoreController/export', params, { responseType: 'blob' }) .then(res => { let url = window.URL.createObjectURL(res) let link = document.createElement('a') link.style.display = 'none' li.原创 2021-06-04 15:39:01 · 57 阅读 · 0 评论 -
element tab 动态生成整个表单
singleApplicationInformation 为表单组件 <el-tabs v-model="singleEditableTabsValue" type="card" editable @edit="singleHandleTabsEdit"> <el-tab-pane :key="item.name" v-for="(item原创 2021-05-13 15:35:42 · 399 阅读 · 0 评论