- 博客(6)
- 收藏
- 关注
RSS订阅原创 限制 el-input 输入格式（保留小数）vue3+ts
1.utils 创建文件 InputFloat.js。2.main.js 引入自定义指令。
2024-05-22 09:51:11
121
原创 this.$nextTick使用
这是一个典型的例子，假设你有一些数据变化需要更新 DOM，但你想确保在更新完毕后再执行一些操作，可以使用 $nextTick。这样可以确保你的操作在 Vue 实例已经更新了 DOM 之后执行。this.$nextTick 是 Vue.js 中的一个方法，用于在 DOM 更新之后执行回调函数。这个方法通常在你需要等待 Vue 实例更新后，再执行一些操作时使用。nextTick 确保回调函数在 DOM 更新之后执行。是为了避免直接在数据变化后立即操作。，直接操作可能拿到的是旧的。
2024-01-25 14:40:16
361
原创 vue -el 验证码input
在上述例子中，使用v-model绑定了输入框的值，通过@input监听输入事件，通过verifyCaptcha方法验证输入的验证码是否正确。你需要实现generateRandomCaptcha函数来生成随机的验证码。
2024-01-16 17:11:59
507
1
原创 vue配置开发环境.env.development 和生产环境.env.production，在前端解决跨域问题
在上面的例子中，我们使用了VUE_APP_API_BASE_URL作为API的基本URL。现在，你可以在Vue项目的代码中使用process.env.VUE_APP_API_BASE_URL来访问不同环境下的API基本URL。所有以/api开头的请求将被代理到VUE_APP_API_BASE_URL所指定的地址，并通过changeOrigin: true确保请求头中的Host字段正确。在生产环境中，你不需要配置代理，因为在生产环境下，你的前端代码和后端代码通常会部署到同一个域名下。
2024-01-11 09:00:00
757
原创 vue鼠标放置在元素上时由下到上的文字展示的CSS动画时
首先，在你的Vue组件中，你需要有一个数据属性来控制文字是否应该显示。然后，使用标签包裹你的文字元素，并为其添加一个名为"fade"的过渡效果。接下来，定义这个过渡效果的CSS动画。，并在鼠标移入和移出事件上设置showText的值。在CSS中，我们定义了一个名为fade的过渡效果，并且为动画的入场和离场状态设置了透明度的变化。animated-text类使用CSS动画slideFromBottom，通过translateY属性实现从下到上的滑动效果。这里，我们使用Vue的包裹了一个具有条件渲染的。
2024-01-10 11:32:23
444
1
原创 2021-06-02
Promise的概述Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上 说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。1.如果p是一个pending状态的promise, 那么 res也是一个pending状态的promise，2.如果p是一个resolve状态的promise, res没有返回值， 则res是一个值为null, resolve状态的
2021-06-02 20:09:03
109
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人