logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue+Element实现loading效果

loading效果指令方式// html中, 通过设置fullscreenLoading的状态来开启和关闭loading效果,可以在css中设置背景色的透明度<el-button @click="openFullScreen1" v-loading.fullscreen.lock="fullscreenLoading">指令方式</el-button>// datadata

vue中使用el-tree的懒加载的时候祛除不必要的三角形,解决HTMLCollection为空

需要将el-tree的懒加载的没有用到的三角形祛除需要祛除的部分,如下图中的第三级的文件,这是最后一层,所以左边的三角形加载按钮没有意义,需要祛除实现思路:如下图,因为三角形按钮是element-ui渲染出来的,无法通过在代码里设置样式,需要使用js操作dom来隐藏三角形。下面的元素是可以获取的元素,上面的是element-ui渲染出来的元素。需要通过已知的元素来查找到三角形的元素如何隐藏。//

#javascript
在vue中xml格式和json的互转

xml和json之间的互转1.安装依赖//在项目文件下安装依赖npm i x2js2.引入,在main.js中引用import x2js from 'x2js'Vue.prototype.$x2js = new x2js()3.使用,将xml转为json// 将下面的xml转为json格式var xmlStr = `<alexa ver="0.9" url="http://courseswe

#json#javascript
vxe-grid单元格渲染

vxe-grid单元格渲染有时候表格显示的内容不是我们需要的,这个时间可以使用单元格渲染,自定义显示的内容单元格渲染的使用// index.vue<template><div style="height: 400px"><vxe-grid ref="xGrid" v-bind="gridOptions"></vxe-grid></div>

#前端#javascript
vue使用echarts-折线图

vue使用echartscharts的下载并引用npm install echarts -S全局引用main.js// 引入import echarts from 'echarts'// 挂载Vue.prototype.$echarts = echarts简单案例单根折线:<template><div id="myChart" class="chart" :style="{wid

#echarts
vxe-grid筛选渲染

vxe-grid筛选渲染表格数据过多时,需要过滤数据代码:// index.vue<template><div style="height: 400px"><vxe-grid ref="xGrid" v-bind="gridOptions"></vxe-grid></div></template><script>e

#vue.js#javascript#前端
vue+Element实现loading效果

loading效果指令方式// html中, 通过设置fullscreenLoading的状态来开启和关闭loading效果,可以在css中设置背景色的透明度<el-button @click="openFullScreen1" v-loading.fullscreen.lock="fullscreenLoading">指令方式</el-button>// datadata

vue3实现页面刷新

vue3实现页面刷新在muuri的复杂实现中,拖动元素后,只能刷新页面才能重置回初始状态在组件中实现页面的刷新功能//App.vue页面//html:<template><HelloWorld v-if="isRouterAlive"></HelloWorld></template><script>import { provide, re

#vue.js#前端
Error: Cannot find module ‘unplugin-vue-components/vite‘

node版本过低导致模块未找到Error: Cannot find module ‘unplugin-vue-components/vite’,模块未找到在node_modules中可以找到这个模块,可是项目还是无法运行方法1,重新安装模块1.rimraf node_modules 删除 node_modules,2.npm install 重新安装模块,结果运行的时候还是报这个问题方法2,更新高

#vue.js#前端
vue监听浏览器的后退和刷新事件,阻止默认的事件

vue监听浏览器的后退和刷新事件浏览器的后退事件浏览器的后退按钮,默认是返回上一个路径的页面,可是如果我们当前的页面有数据没有被保存的话,点击后退按钮应该加一层判断,也是提示用户是否需要去保存页面的内容。如果不保存,直接返回。所以需要阻止浏览器的后退按钮,只有在满足了条件后才执行事件//1 首先进入页面的时候需要监听浏览器的后退按钮,之后在操作的时候执行函数,在mounted中挂载去监听这个事件,

    共 13 条
  • 1
  • 2
  • 请选择