- 博客(8)
- 收藏
- 关注
RSS订阅原创 【vue】表单设计-结束时间不可在开始时间之前
记录一下昨天遇到的一个小问题，优化了时间设定的代码。表单内容： <a-col :span="24"> <a-form-item label="结束时刻" :labelCol="labelCol" :wrapperCol="wrapperCol"> <j-date placeholder="请选择结束时刻" v-decorator="['ovhEndTime',validatorRules.ovhEndTi
2021-11-19 09:25:26
1232
2
原创 【vue】注册组件基本步骤
组件的使用分成三个步骤视频创建组件构造器调用Vue.extend()方法创建组件的构造器注册组件调用Vue.component()方法注册组件使用组件在Vue实例的作用范围内使用组件模板： //3.使用组件 <div id="app"> <my-cpn></my-cpn> </div> //1.创建组件构造器<script> const myComponent=Vue.extend({ template:
2021-11-01 14:16:59
2286
原创 【vue】v-model与单选radio、checkbox、多选checkbox、select结合使用、以及三种修饰符展示
代码<div id="app"><label for="male"> <!--name属性相同的input标签即为一组,单选框实现互斥效果（或者v-model绑定同一个变量{{}}）， 只有设置了name属性的表单元素才能在提交表单时传递它们的值。--> <input type="radio" name="sex" id="male" value="男" v-model="sex">男.
2021-10-29 10:34:26
2800
原创 【vue】关于实时获取input值的三种方法
仅用于学习记录。视频：VUE学习第一种<div id="app"> <input type="text" v-model="message"> <h2>{{message}}</h2> </div> <script src="vue.js"></script> <script> const app = new Vue({
2021-10-29 09:09:14
3427
原创 【JS】filter()、map()、reduce()
filter()定义filter() 方法创建一个新的数组，新数组中的元素是通过某种筛选条件指定数组中符合条件的所有元素。返回数组，其包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组。（1）filter() 不会对空数组进行检测。（2）filter() 不会改变原始数组。// filter中的回调函数：要求必须返回一个Boolean值// true 当返回true时，函数内部会自动将这次回调的n加入到新的数组// false 当返回false时，函数内部会自动过滤掉此次nc
2021-10-28 11:48:19
185
原创 【vue】关于获取计算总价格的3种循环
总价格（书本单价×书本数量）html <div id="table"> <!--如果该数组仍存在长度，则显示v-if内的内容--> <div v-if="books.length"> <table> <thead> <!--只有一行 tr--> <tr>
2021-10-27 14:02:34
976
原创 【vue】关于购物车案例
vue学习记录（2）页面功能：实现数量自由增减，减到1不可再减，全部移除后显示”购物车为空“，价格根据数量和书本单价进行计算。html<div id="table"> <!--如果该数组仍存在长度，则显示v-if内的内容--> <div v-if="books.length"> <table> <!-- thead为表头 --> <thead&g
2021-10-25 21:57:16
316
原创 【vue】点击切换颜色
vue学习视频链接记录一下：点击可动态切换颜色。代码 <div id="app"> <ul> <li v-for="(item,index) in movies" :class="{active:currentIndex === index}" @click="liclick(index)"> <!-- === 类似于 == -->
2021-10-25 11:39:32
3010
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人