hello(){ console.log(this.form.total) console.log(this.form.commentThree) this.form.total = parseFloat(this.form.commentOne) + parseFloat(this.form.co ...
转载
2021-09-26 16:43:00
1250阅读
2评论
ok 还是一样 先把长相弄出来 (pug)HTML：.container(style="margin-top:100px")
.row
#My_bt_compnont
input-number(v-model="value")很简单吧！， 这个input-number标签就是我的自定义组件，下面js里会
又到了大家最喜欢的项目练习阶段，学以致用，今天我们要用前几篇的学习内容实现列表的添加与删除。学前准备：①：JavaScript中的splice(index,i)方法：从已知数组的index下标开始，删除i个元素。②：JavaScript中的findIndex() 方法：为数组中的每个元素都调用一次函数执行。当数组中的元素在测试条件时返回 true 时, findIndex()
Vue 的响应式系统非常适合用来处理动态数据的更新。在这种方案中，我们利用 Vue 的 来存储动态数字，并结合 JavaScript 的 或 来实现数字的逐步增加。1.3 方案解释除了 ，Vue 自带的动画 API 可以帮助我们在数字变化时添加更精美的动画效果。通过结合 CSS 的 动画，我们可以控制数字增长的动画表现。2.3 方案解释 是浏览器提供的一种优
上一节我们讲解了vue的一些设计思想，记住最重要的两点：双向数据绑定以及组件化思维。现在不太理解没关系，在后面的课程中，我们会慢慢发现这些重要思想的优点。条件渲染（v-if，v-show）在vue里，控制切换一个元素是否显示非常简单。如下代码： 1<!DOCTYPE html>
2<html lang="en">
3 <head>
4
不使用
vue动画实现动画效果：首先设置
vue对象装载位置的html代码：<div id="app">
<input type="button" value="toggle" @click="flag=!flag">
<!-- 需求： 点击按钮，让 h3 显示，再点击，让 h3 隐藏 -->
<h3 v-if="flag">这是一个H3&l
1.高阶函数英文叫Higher-order function。那么什么是高阶函数？JavaScript的函数其实都指向某个变量。既然变量可以指向函数，函数的参数能接收变量，那么一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数。2.至少满足下列一个条件的函数：.接收一个或多个函数作为输入参数输出一个函数3.总结： 高阶函数的功能很大程度上可以用普通的函数实现，但是高阶函数使代码更加抽象
转载
2024-09-12 13:58:57
63阅读
基本概念部分（一）：理解CORS说道Vue的跨域AJAX，我想先梳理一遍CORS跨域，"跨域资源共享"（Cross-origin resource sharing），它是一个W3C标准。CORS跨域的特点：它需要服务器的‘配合’。就是说，它的实现是：浏览器（所有浏览器和IE10+）+服务器。一般情况下，我们可以在请求头信息中加入Origin，来告知服务器自己来自哪个源：协议 + 域名 + 端口。如
vue集成element对表单字段进行验证前言一、element是什么？二、使用步骤1.完整引入库2.按需引入三、使用rules1.vue表单2.data 数据3.完整示例代码如下 前言vue集成element对表单字段进行验证一、element是什么？Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库二、使用步骤1.完整引入库你可以引入整个 Element
转载
2024-03-28 10:42:04
239阅读
const validatorFactror = (rule, value, callback) => { // if (!Number(value)) { // return callback(new Error('只能输入数字')) // } const reg = /^[+-]?(0|([1-
转载
2020-08-03 11:04:00
1874阅读
2评论
效果 组件代码 <template> <span v-bind="$attrs"> {{ screenNum }} </span> </template> <script> export default { props: { value: Number, animation_time: { type ...
转载
2021-08-20 11:30:00
789阅读
2评论
Vue中v-model的思路很简单。定义一个可响应式的text（通常是一个ref），然后用v-model="text"将这个值绑定到一个input上。这就创造了一个双向的数据流：用户在输入框中输入，text会发生变化。
text发生变化，输入框的值也随之变化。让我们看看如何在Vue 3中使用v-model来控制表单输入。绑定表单输入让我们实现一个组件，渲染一个初始值为Unknown的输入表单。用户
仅个人经验，希望能帮到有需要的人。
第一次写 就话不多说了直接上代码。
// 只能输入数字且只有一位小数
proving(e) {
// this.form.skus[e].Price 是input的值
// 先把非数字的都替换掉，除了数字和.
this.form.skus[e].Price = this.form.skus[e].Price.replace(/[^\d.]/g, '');
//
转载
2024-10-01 09:00:24
203阅读
组件参数校验与非Props特性1.组件参数校验：父组件向子组件传递内容，子组件可以对这些内容做一些约束，这种约束称为组件参数校验示例：对传入数据 content 进行约束，必须为 string 类型数据<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title&
转载
2024-10-13 17:20:07
210阅读
<div> <span v-for="n in 5">{{ n }}</span></div>
原创
2022-03-02 11:41:10
372阅读
VUE 前端开发目前算是数一数二的开发框架，个人认为上手容易，生态比较友好。本文就以代码为主，分享一个数字时钟组件。
原创
2022-03-18 23:41:28
4868阅读
点赞
在Vue中，可以创建一个过滤器来将数字金额转换为大写。以下是一个简单的例子：// 在Vue组件中定义过滤器
Vue.filter('capitalize', function (value) {
if (!value) return '';
const digits = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
const
原创
精选
2024-04-10 17:25:14
1688阅读
1、vue2-verify支持的验证码类型 常规验证码picture 常规的验证码由数字和字母构成，用户输入不区分大小写，可变形成汉字验证。 运算验证码compute 运算验证码主要通过给出数字的加减乘运算，填写运算结果进行验证。 滑动验证码slide 通过简单的滑动即可完成验证，应用与移动端体验很好。 拼图验证码puzzle 拼图。 选字验证码pick 通过按顺序点选图中的汉字完成验证，ie浏览
