- 博客(12)
- 收藏
- 关注
原创 vue操作dom并为dom增加点击事件
本文实现的效果是利用js 在element图片放大后新增加一个下载的按钮 效果如下实现效果环境项目中采用 vue + element 的方式图片放大预览主要借助 element里面内部的一个未公开组件有兴趣的小伙伴可以自行查看源码分析过程打开控制台后 发现这里实际 是在一个名字为el-image-viewer__actions__inner 的 class 下追加一个 i 元素的标签 ,icon 使用element自带的图标即可分析可以得知,我们只需要在 class el-image
2022-04-11 14:05:21 7769
原创 babylon.js 学习
babylonjs 是一款美观、强大、简单的3d渲染引擎在学习 Babylon 之前,博主首先用搭建了 babylon 的环境 ,强烈建议一下小伙伴们也搭建一下,在编写代码的时候可以提供不少的便利,也可以查看babylon 的方法的参数 以及return 值 非常方便不知道怎么搭建的小伙伴 传送门直接 clone 后 安装 运行即可本节学习示例babylon 三大属性 场景 相机 渲染引擎首先在 html<canvas class="webgl" id="canvas">
2022-03-25 11:19:11 2773
原创 nuxt 极限导入element ui 可控制引入样式,修改主题色
前言在Nuxt项目搭建之初,考虑要用到element ui便将UI 按需引入 本文不介绍全局引入安装安装过程不再啰嗦需要可自行百度博主在创建项目时候 已经选择安装element ui安装版本"element-ui": "^2.15.2",按需引入打开 piugins 文件下的 element-ui.jsimport Vue from 'vue'import { Button} from 'element-ui'// element 语言包import locale from
2021-12-29 13:50:39 1333
原创 nuxt cookie-universal-nuxt 搭配 vuex-persistedstate 做数据持久化
前言因为服务端不存在 Local Storage 和 Session Storage所以 便使用了 cookie-universal-nuxt 这个插件在做Nuxt项目的时候 发现Vuex 在刷新页面后 储存的数据丢失用 vuex-persistedstate 来持久化数据cookie-universal-nuxt 安装cookie-universal-nuxt 的安装npm install cookie-universal-nuxt -s打开 nuxt.config.js 文件
2021-12-29 13:26:28 2417
原创 Nuxt引入第三方组件 解决第三方组件报错windos未定义
问题在引入npm的组件时发现报错 window is not defined引入方式就是平常的vue 的引入方式原因nuxt会在服务端进行渲染,然后服务端没有windos 对象的知道原因就更好解决了解决方法这里用一个时钟的组件来展示一下首先在 plugins 文件下 新建一个文件夹 名字自己定义我这里定义的为 clock.js// 时钟 组件import Vue from 'vue'// 这里引入自己的组件import Clock from 'vue-clock2'Vue.co
2021-12-24 10:23:11 2060
原创 nuxt Axios 详细封装以及使用
Axios的封装封装要求axios配置跨域axios 请求拦截 可访问 vuex ,跳转路由封装要求 api集中管理api多文件管理,自动挂载(便于协同开发)创建好项目后 nuxt里面已经内置了axios 无需下载 只需在 nuxt.config.js 开启即可ps: 我创建的nuxt版本为 "nuxt": "^2.15.7"---- nuxt.config.js -----export default { modules: [ '@nuxtjs/axios',
2021-12-23 21:41:15 6290 6
原创 Nuxt跳转页面 滚动条不会回到顶部
Nuxt 跳转页面的时候滚动没有回到顶部脑壳疼 刚遇到这个问题的时候百度了半天也没找到对应的解决办法然后 英文渣宰被逼去读英文文档发现滚动条没有回到顶部的原因是 路由嵌套就想这种如果没有父子页面的嵌套 nuxt默认跳转的时候滚动条会在顶部解决方案官方文档里面写的很清楚 传送门只需要在顶部添加 即可解决scrollToTop: true,...
2021-12-17 10:27:06 2287 1
原创 【Element-UI】 el-tree 报错 getCheckedNodes is not a function
按照element上的文档来使用element 里面的树形组件使用后 突然发现报错“TypeError: this.$refs.tree.getCheckedNodes is not a function”黑人问号脸???排查原因把 ref 打印一下 发现竟然有五个tree突然想到 el-tree 是通过for 循环出来的 所以造成了有五个 一样的ref知道原因就好解决了解决方案一:只获取某个tree里面的值this.$refs.tree[0].getCheckedNodes(
2021-10-13 10:05:55 9457 2
原创 cascader输入框不回显但已经绑定指
在使用element cascader的组件的时候突然发现一个问题数据不回显但是打印出来的数据明明是存在做为面向百度开发工程师于是自信打开了百度逛了一圈有用 placeholder 代替显示 的骚操作也有重绘的但是我都没解决百度不行 自己找原因吧后来才发现 在渲染组件数据的时候 绑定的value 的值 为 字符串 !!!!但是后台返回的是一个int 类型找到原因后把 数据转换为字符串 解决日常小笔记...
2021-09-24 15:26:33 379
原创 css 文本溢出 单行文本多行文本
overflow:hidden;// 超出的文本隐藏text-overflow:ellipsis; // 溢出用省略号显示white-space:nowrap;// 溢出不换行display:-webkit-box; // 将对象作为弹性伸缩盒子模型显示。-webkit-box-orient:vertical; // 从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式)-webkit-line-clamp:2; // 这个属性不是css的规范属性,需要组合上面两个属性,表示显示的行数
2021-06-10 09:44:31 107
原创 Vue用Export2Excel导出excel,多级表头数据
VUE 使用Export2Excel导出数据,以及多级表头最近公司做项目,需要导出数据到excel表格使用到了 element UI ,Export2Excel特此记录,毕竟好记性不如烂笔头不包含修改样式(菜鸟一枚,希望大佬指教点名)直接上代码导出单级表头Html部分:<el-button @click="handleDownload" class="addButton-class">批量导出</el-button>js部分:// 导出数据handleDo
2021-01-04 23:28:08 5578 12
转载 TradingView配置
TradingView配置支持时区 详看 Tradingview中文文档TradingView.onready(function () { var widget = window.tvWidget = new TradingView.widget({ debug: false, // uncomment this line to see Library errors and warnings in the console symbol: '
2020-12-10 11:30:01 3214
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人