- 博客(62)
- 问答 (3)
- 收藏
- 关注
原创 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 2125
原创 nuxt 使用sentry
打开根目录下的.env文件并输入以下内容。2.配置 nuxt.config.js。2.创建.sentryclirc文件。3.在根目录创建.env文件。3.修改webpack配置。project项目名称。
2022-10-12 11:52:17 836
原创 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 731
原创 对象数组取交集
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 172
原创 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 502
原创 对象数组去重
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 63
原创 商城楼层浮动菜单
组件上加 :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 83
原创 楼层左侧楼层浮动菜单
<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 256
原创 vue插件
vue-seamless-scroll是一个基于Vue.js的简单无缝滚动组件,基于requestAnimationFrame实现,配置多满足多样需求。目前支持上下左右无缝滚动,单步滚动,以及支持水平方向的手动切换功能vue-meta-info 是一个基于vue 2.0的插件,它会让你更好的管理你的 app 里面的 meta 信息。你可以直接 在组件内设置 metaInfo 便可以自动挂载到你的页面中。如果你需要随着数据的变化,自动更新你的title、meta等信息,那么用此 插件也是再合适不过了。 .
2022-03-08 09:19:07 359
原创 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 1319
原创 查看网页所有元素位置信息
创建书签内容粘贴以下javascript: (function() { const dom = document.body.querySelector('#devStyle'); if (dom) { document.body.removeChild(dom); } else { const style = document.createElement('style'); style.id = 'devStyle'; style.innerHTML = 'html * { outline..
2021-11-26 16:18:47 674
原创 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 724
原创 webpack 版本依赖关系
依赖 版本 新版本 webpack 4 5 webpack-cli 3 4 webpack-dev-server 3 3
2021-11-19 16:54:12 544
原创 解决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 1105
原创 element 自定义主题
安装主题工具npm i element-theme -g安装chalk主题npm i element-theme-chalk -D获取theme的sass文件并修改et -i //[可以自定义变量文件,默认为element-variables.scss]这时根目录下会产生element-variables.scss(或自定义的文件),大致如下:修改完变量后,要编译主题(如果编译后,再次修改了变量,需要重新编译)et先把安装element时引入main.js中的主题样式去掉,在
2021-11-10 15:08:49 466
原创 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 63
原创 login页面
<template> <div class="login-container"> <div class="title-logo"> <img src="@/assets/img/comlogo.png" class="image" /> </div> <div class="login-form"> <el-form ref="loginForm"
2021-10-19 13:39:26 218
原创 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 976
原创 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 449
原创 登录框居中
.login-form { position: absolute; left: 50%; top: 40%; width: 480px; height: 400px; margin-left: -240px; margin-top: -200px; overflow: hidden; }
2021-09-10 14:55:57 331
空空如也
vscode 悬浮提示中文
2022-06-21
单个HTML页面(非Vue项目)使用axios发送请求产生跨域问题
2022-06-09
为什么vue项目中方法名不能以function开头?
2021-01-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人