- 博客(27)
- 收藏
- 关注
RSS订阅原创 elementplus vue3表格分页多选回显时勾选数据
因为在回显数据时，会触发事件，更新了要回显的数据，只能回显第一页的，导致分页的数据都无法回显。所以自己写多选的事件。
2024-11-06 11:01:02
632
1
原创 Vue 3 中，使用 TSX 编写动态组件
在 Vue 3 中，使用 TSX 编写动态组件可以通过。的值动态渲染了不同的子组件，使用了。属性来指定子组件的名称，这里使用了。在上面的例子中，根据。
2023-04-27 14:21:56
3894
原创 javascripts的every方法
方法用于检测数组中的所有元素是否都都符合某个条件，如果符合则返回 true，否则返回 false。该示例使用箭头函数，其逻辑与上例相同，但更为简洁。但需要注意的是，箭头函数无法绑定。中的每个元素，检查每个元素是否都大于 0。由于所有元素都符合该条件，该方法返回。javascripts的every方法。关键字，应该使用常规函数。
2023-04-23 09:14:07
201
原创 uniapp封装一个获取验证码倒计时(GTP侠)
function getVerifyCode(vm, time, btnText = "获取验证码") {vm.verifyCodeText = `${count}秒后重新获取`;* @param {String} btnText 按钮文本（默认为"获取验证码"）vm.verifyCodeText = `${count}秒后重新获取`;- `btnText`：按钮文本，默认为"获取验证码"。- `vm`：vue实例对象，用于修改页面上的数据；- `time`：倒计时时长，单位为秒；* 获取验证码倒计时。
2023-04-19 13:52:48
241
原创 iframe自适应高度
其中，padding-bottom的值需要根据iframe的宽高比来计算，例如，如果iframe的宽高比为16:9，则padding-bottom的值为56.25%（9除以16乘以100%）。可以设置iframe标签的高度为0，然后使用padding-bottom属性来设置iframe标签的高度，使其按照原来的比例自适应。这样，当浏览器窗口大小改变时，iframe标签的高度会自动按照原来的比例进行调整，从而实现自适应效果。
2023-04-12 10:09:10
5089
转载 watch监听不到变化 Vue
有的时候vue会出现这种现象，无法监听到复杂对象内部的变化：当对象里面原本有某一个属性，并对这个属性操作时，watch是可以监听到当前属性的变化的。但是，若对象里面本没有这个属性的时候，在操作时将属性添加进去，同时包括之后对这个属性的操作，watch是都检测不到的。这是因为vue的watch会在初始化的时候通过object.defineProperty给对象的每一个属性都添加watcher来监听内部的变化。所以，后期添加上去的属性是无法检测到的。
2023-01-03 13:54:18
2995
1
原创 微信小程序的自定义组件
一、组件定义类似于页面，一个自定义组件是由四个文件组成的。.wxml、.json、.js、.wxcc首先需要在组件的json中进行自定义组件声明。{ "component": true}二、使用组件要求对应 json 文件中包含 usingComponents 定义段{ "usingComponents": { "son":"/components/son/son"}}三、设置插槽、命名插槽<slot>// 使用的时候// 父
2022-04-21 21:34:02
3948
原创 微信小程序实现全局登陆状态
一、实现登录功能当我们输入正确的账号和密码之后，后台提示我们登陆成功，但是我们成功之后再调用获取用户信息的方法时会显示未登录。因为后端采用的登录鉴权方式是通过cookie的方式进行的鉴权，就是登陆成功之后，后端会给我们cookie上增加一个JSESSIONID，这个JSESSIONID就标识了当前登录用户的身份。在浏览器中，每次发送请求都会携带cookie，所以在浏览器中我们登录成功之后就可以直接调用登录之后才能访问的接口。但是在小程序端不会默认帮我们带上cookie，这时候手动添加就可以了。
2022-04-21 21:11:38
5102
原创 小程序的界面跳转
一、wx.navigateTo跳转wx.navigateTo({ url: 'test?id=1',})（保留当前页面，只能打开非使用tabBar组件的页面）二、wx.redirectTo跳转wx.redirectTo({ url:'test?id=1'})（关闭卸载当前页面，只能打开非使用tabBar组件的页面）三、wx.switchTab跳转wx.switchTab({ url: '/index'})（关闭所有非tabbar页面， 只能打开
2022-04-19 21:13:24
259
原创 微信小程序本地缓存
一、写入本地数据小程序提供了读写本地数据缓存的接口，通过wx.setStorage写数据到缓存，在小程序中几乎所有接口都是异步的，这里存储数据也是异步操作，如果希望进行同步存储需要调用wx.setStorageSync.异步存储：wx.setStorage({ data: {name:"猪",age:4},//需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。 key: 'list',//本地缓存中指定的 key})同
2022-04-19 21:05:26
4700
原创 微信小程序常见的交互反馈
一、单击删除按钮弹出确认取消框第一步：添加单击事件<button bind:tap='del'>删除</button>第二步：编写单击事件js del(){ wx.showModal({ title: '提示', content: '是否确认删除', success :(res)=> { if (res.confirm) { console.log('用户点击确定') //
2022-04-19 20:58:23
659
原创 初识微信小程序
一、微信小程序是什么？小程序是一个新的开放能力，开发者可以快速的开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。任何一个普通的开发者，经过简单的学习和练习后，都可以轻松地完成一个小程序的开发和发布。小程序的发展史为了提高用户体验和使用的流畅度，微信研发设计了微信小程序。早年，随着微信越来越流行，微信逐渐成为移动互联网中一个主要的入口，越来越多的人会通过微信来分享和浏览网站。 微信基于WebView实现了前端界面的渲染，为了丰富微信中H5页面的功能，
2022-04-18 19:54:40
183
原创 微信小程序跑马灯
一、创建一个小程序项目（使用的是微信开发者工具创建的项目）效果图：（文字可以循环，展现跑马灯效果）目录结构pages：存放的是页面代码pages里面一个文件夹就是一个页面一个文件夹里有四个子文件：wxml：编写小程序页面结构的文件wxss：编写小程序样式的文件json：编写页面配置的文件js：编写页面逻辑的文件utils:编写工具类的文件app.js:编写全局配置的文件app.wxss:编写全局样式的文件project.config.json:
2022-04-18 19:42:51
1102
原创 vue-cli开发 vuex和路由守卫
1、vuex是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储，管理应用中所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。2、为什么要用vuex？进行统一的状态管理，解决不同组件共享数据的问题。 不同视图需要变更同一状态的问题。 使用vuex之后，状态变化更加清晰。3、如何使用vuex？安装引入 npm install vuex --save 注册到vue中import Vue from 'vue'import Vuex
2022-04-01 19:38:00
257
原创 vue-cli配置代理，解决跨域
1、配置代理module.exports = { devServer: { //不设置 重写 http://wkt.myhope365.com/weChat //设置重写 http://wkt.myhope365.com proxy: { '/course-api': { //代理名称,这里最好有一个 target: 'http://wkt.myhope365.com
2022-04-01 19:23:39
911
原创 vue-cli开发流程封装axios
1、接口文档2、封装axios请求2.1封装axios// 对http请求进行封装import axios from 'axios'// 使用自定义的配置文件发送请求const instance = axios.create({ baseURL: '', timeout: 5000, headers: { }});// 添加请求拦截器instance.interceptors.request.use(function (config) {
2022-04-01 19:20:22
166
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人