大松呀-CSDN博客

原创 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 7196

原创 babylon.js 学习

babylonjs 是一款美观、强大、简单的3d渲染引擎在学习 Babylon 之前，博主首先用搭建了 babylon 的环境，强烈建议一下小伙伴们也搭建一下，在编写代码的时候可以提供不少的便利，也可以查看babylon 的方法的参数以及return 值非常方便不知道怎么搭建的小伙伴传送门直接 clone 后安装运行即可本节学习示例babylon 三大属性场景相机渲染引擎首先在 html<canvas class="webgl" id="canvas">

2022-03-25 11:19:11 2666

原创 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 1147

原创 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 2283

原创 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 1899

原创 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 5865 6

原创 Nuxt跳转页面滚动条不会回到顶部

Nuxt 跳转页面的时候滚动没有回到顶部脑壳疼刚遇到这个问题的时候百度了半天也没找到对应的解决办法然后英文渣宰被逼去读英文文档发现滚动条没有回到顶部的原因是路由嵌套就想这种如果没有父子页面的嵌套 nuxt默认跳转的时候滚动条会在顶部解决方案官方文档里面写的很清楚传送门只需要在顶部添加即可解决scrollToTop: true,...

2021-12-17 10:27:06 1885 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 8509 2

原创 cascader输入框不回显但已经绑定指

在使用element cascader的组件的时候突然发现一个问题数据不回显但是打印出来的数据明明是存在做为面向百度开发工程师于是自信打开了百度逛了一圈有用 placeholder 代替显示的骚操作也有重绘的但是我都没解决百度不行自己找原因吧后来才发现在渲染组件数据的时候绑定的value 的值为字符串！！！！但是后台返回的是一个int 类型找到原因后把数据转换为字符串解决日常小笔记...

2021-09-24 15:26:33 336

原创 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 66

原创 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 5013 10

转载 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 2771

weixin_41852038的博客