logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue3实现微信扫码登入

wxlogin appid="微信id" :scope="'snsapi_login'" :theme="'black'"3.引入完成后通过app.config.globalProperties.wxlogin = wxlogin进行全局挂载。:redirect_uri="encodeURIComponent(`重定向接口获取token`)" href=''2.下载完成在main中引入import

文章图片
#前端#javascript#开发语言
Electron + ts + vue3 + vite

安装electron的相关依赖:注:安装时终端url要项目名那一层。在npm run dev即可。

文章图片
#electron#javascript#前端
vue3实现面包屑-基础实现

1.在默认路由router文件下新增两个额外的文件page:存放额外的路由列表,注意这里需要引入有router-view视图的页面,这里我是采用let Main = () => import("@v/layout/Main.vue");tagList: [new ClassTag("/accountmanage/accountlist", "商户列表", "home")],//路由列表。// 如果

文章图片
#前端#javascript#vue.js
vue3-前端实现导出xlsx

XLSX.utils.sheet_add_aoa(worksheet,[['核销码','使用状态','使用时间']],{origin: 'A1'});const worksheet = XLSX.utils.json_to_sheet(exportXlsx.list)//需要导出的数据。2.声明变量用于存储:let exportXlsx = reactive({list: [{}]})//导出数据

文章图片
#vue.js#前端#javascript
vue3-迪卡尔-el-input-number问题修复

true : false" size="small" :min="0" :precision="2" :step="0.01" placeholder="请输入值" />

文章图片
#vue.js#javascript#前端
vue3分页封装

2.页面中使用:<pagination :total="total" v-model:page="obj.page" v-model:limit="obj.limit" @pagination="getList" />,total:总数,page:当前页:limit:条数,@pagination="获取列表的方法"/* // prev和next箭头disabled的样式 *//* // prev和

文章图片
#vue.js#javascript#前端
vue3防抖节流封装与使用

3.const fn2 =debounce(fn,500)如果采用ts则:.const fn2:function =debounce(fn,500),fn2为你点击按钮调用的事件,而fn则是你需要防抖的方法。1.使用方法为一:main中import引入并且挂载:app.config.globalProperties.debounce =debounce,节流也是如此,这样就不需要每个页面都要引入然

文章图片
#vue.js#javascript#前端
vue+tinymce的封装与使用

/ content_css: "/web-official-website-manage/skins/content/default/content.css", //以css文件方式自定义可编辑区域的css样式,css文件需自己创建并引入。content_css: "/tinymce/skins/content/default/content.min.css", //以css文件方式自定义可编辑区

文章图片
#vue.js#前端#javascript
vue中使用阿里巴巴尺量图

2.在index.html中引入:<link rel="stylesheet" href="/src/plublic/font-icon/iconfont.css">注意不要引入错误,然后使用。1.在阿里巴巴中创建项目将需要的icon加入到项目中,然后在我的项目中,下载到本地,文件可以放在plublic中注意下载后需要解压而我们需要的是解压后文件里面的font-xxxx文件。<i :class="

文章图片
#vue.js#前端#javascript
vue实现URL转二维码

2.进行全局挂载还是当前页面引入看个人习惯,全局挂载引入使用:main中引入import VueQrcode from 'vue-qrcode',使用app.component('vue-qrcode', VueQrcode)注:app是const app =createApp()实例,页面使用:<vue-qrcode :value="ruleForm.earnestSetUrl" :size="

文章图片
#vue.js#前端#javascript
    共 15 条
  • 1
  • 2
  • 请选择