logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

frp 内网穿透 实现外网远程桌面 (Windows+linux)

首先配置 frp 客户端(Windows)下载frp 网址:https://github.com/fatedier/frp/releases github frp下载地址找到Windows相应版本 并下载解压打开可以删除frps 文件 frps为配置服务器的文件 frpc为配置客户端文件打开frpc.ini文件[common]server_addr 表示 公网服务器的ipserver_port 表

#linux#windows#ubuntu
element-plus el-table el-table-column 组件中 使用插槽 加载 el-image 组件预览图片 层级过低问题

问题复现分析原因可以发现 .image-viewer_wrapper 类名的元素是预览图片的盒子 有设置z-index:2006 但是还是被其余表格列表元素遮挡说明el-image 的父元素的层级不够高可以遮挡前面列表的元素 但是后面列表的元素无法遮挡问题解决1、可以动态给图片预览表格列表的元素设置更高的 z-index 层叠等级但是 这样实现的方法比较复杂。2、可以改变.image-viewer

#vue.js#javascript#elementui
关于 element-plus el-table 表格列表滚动条无法正常触发问题解决

定制 el-table 内部样式css样式是使用scss 及tailwindcss编写的可选样式 列表高度撑开表格// 表格列表高度完成撑开.table_height_full {& ::v-deep .el-table__inner-wrapper {.el-table__body-wrapper {height: auto !important;.el-scrollbar__wrap

#vue.js#javascript
vue2与vue3中生命周期执行顺序的区别

生命周期比较vue2 中 执行顺序beforeCreate=>created=>beforeMount =>mounted=>beforeUpdate =>updated=>beforeDestroy=>destroyedvue3 中 执行顺序 setup=>onBeforeMount=>onMounted=>onBeforeUpdate

vue-cli 配置路径 及 @,~,~@的使用

1.vue-cli2自定义vue-cli2需要在build的webpack.base.conf.js内设置resolve: {extensions: ['.js', '.vue', '.json'],alias: {'vue$': 'vue/dist/vue.esm.js','@': resolve('src'),'#': resolve('src/assets')}}2.vue-cli3需要在b

#vue.js#html#css3 +1
element-plus 按需引入的两种方式( 官方推荐方式 及babel-plugin-import)

1.官方推荐方式首先你需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件npm install -D unplugin-vue-components unplugin-auto-importWebpack安装方式一:写入 webpack.config.jsconst AutoImport = require('unplugin-auto-

#vue.js#webpack#javascript
'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序

‘webpack-dev-server’ 不是内部或外部命令,也不是可运行的程序情况不同 解决的方法不同:可能解决问题的方法一(也是最常见的):删除项目的node_modules文件夹,与package-lock.json文件,然后使用命令重新下载:npm i 或者cnpm i前后命令要统一!运行:npm run dev 或者webpack-dev-server vue3是npm...

#webpack
vue 外部js文件调用 vue实例 this

假设外部文件为 onresize.js 需求则是 onresize.js内部 可以调用 vue 实例 this 从而达到使用vue对象内数据与方法。第一步(非必须)在main.js 引入 onresize.js (这不是必须的 看需要哪里使用到该js文件!)// Window.onresize 事件动态调整窗口import "@/assets/js/onresize";第二步(必须)使vue实例化

vue3 图片放大缩小、拖拽功能(自定义指令)

const oDiv = el // 当前元素 const minTop = oDiv . getAttribute("drag-min-top") const ifMoveSizeArea = 20 oDiv . onmousedown =(e) => {

#vue.js#前端#javascript
vue js 添加自动滚动效果(单击滚动暂停,再次点击继续滚动)

主要使用了setInterval定时器来改变获取滚动条scrollTop高度效果使用步骤1.在需要滚动的区域添加指定id属性<div id="scroll_in2" class="htp-list scroll_in"></div>2.函数methods: {// 添加自动滚动/*Id需要滚动的区域 id名称*/autoSroll(Id) {// flag 为true时停止

#javascript
    共 48 条
  • 1
  • 2
  • 3
  • 4
  • 5
  • 请选择