vue
beyond513222
这个作者很懒,什么都没留下…
展开
-
DatePicker 编辑时如果无修改动作 时间格式为中国标准时间
<FormItem label="考试时间" prop="examTime"> <DatePicker type="date" format="yyyy-MM-dd" :value="formAdd.examTime" @on-change="formAdd.examTime=$event" placeholder="请选择日期"></DatePicker></FormItem>examTime: [{ required: tr.原创 2020-11-07 22:47:55 · 503 阅读 · 0 评论 -
2020-11-7 iview input number 数字验证最新坑
我的要求是input 组件只能输入数字,但是需要验证不能为空。直接上代码:<FormItem label="预测及格线" prop="passLine"> <Input type="number" number v-model="formAdd.passLine" style="width:100%" /></FormItem>formValidate: { // 表单验证规则 passLine: [{ requ原创 2020-11-07 21:45:08 · 1433 阅读 · 1 评论 -
iview 表单验证
<template> <i-form v-ref:form-validate :model="formValidate" :rules="ruleValidate" :label-width="80"> <Form-item label="姓名" prop="name"> <i-input :value.sync="formValidate.name" placeholder="请输入姓名"></i...转载 2020-11-04 15:10:44 · 264 阅读 · 0 评论 -
vue iview中向后端请求springboot后端数据searchForm表单中字段显示undefined的问题。
这个问题困扰了我一天的时间。首先简单说明以下,我前端请求一开始用的POST,请求代码片段如下:export const postRequest = (url, params) => { let accessToken = getStore("accessToken"); return axios({ method: 'post', url: `${base}${url}`, data: params, trans原创 2020-11-02 00:04:03 · 1915 阅读 · 0 评论 -
记录一个iview i-swtich开关组件属性true-value=“0“ false-value=“-1“的问题
前端代码如下,主要是true-value和false-value前面要有个冒号,不加的话是绑定不了后端传过来的int类型的status字段的<i-switch v-model="form.status" :true-value="0" :false-value="-1" @on-change="changeStatus" />数据库设计如下,0代表true,-1代表false:...原创 2020-10-27 21:56:00 · 2685 阅读 · 1 评论 -
uniapp swiper-item 禁止滑动的方法
起初不知道这几个方法,去uniapp官方找swiper组件的属性,想找swiper-item的禁止滑动的属性没有找到,就退而求其次新建了一个页面(本来这个页面还是在swiper-item比较合理)。今天突然看到这样一个帖子:https://ask.dcloud.net.cn/question/75201恍然大悟,赶紧试了一试,果然灵验。我总结一下这几个方法:1.在swiper-item上添加@touchmove.stop2.css即可解决,在swiper上层加一个透明view就完事了.原创 2020-09-22 21:27:04 · 9925 阅读 · 0 评论 -
uniapp 使用app.vue中globalData全局变量的方法 绑定到页面 实时刷新
uniapp定义全局变量的方法有好几种,具体可以百度,我选择了在app.vue定义globalData的方法来定义全局变量。比如我要定义一个isSubmit的Boolean类型变量:globalData: { isSubmit: false,},但是问题来了,我要在其他页面中用v-if根据这个变量值判断是否显示的时候,应该怎么用呢?起初,我在其他页面中也定义了相同的isSubmit变量,然后在onload()里面写:this.isSubmit =getApp().globalDat.原创 2020-09-21 23:04:53 · 6209 阅读 · 2 评论 -
vue click.stop阻止点击事件继续传播
<div id="app"> <div v-on:click="dodo"> <button v-on:click="doThis">阻止单击事件继续传播</button> </div> </div> <script> var app = new Vue({ el: "#app", da.转载 2020-09-19 14:16:32 · 1100 阅读 · 1 评论 -
记录uniapp中view按下后改变背景样色样式的一个坑
前言:没仔细看uniapp官方文档,自己瞎琢磨,想着搞一个点击事件,放一个计时器等等方法。后来一看官方文档,人家本身就有hover-class这个属性,如下:属性名 类型 默认值 说明 hover-class String none 指定按下去的样式类。当 hover-class="none" 时,没有点击态效果 hover-stop-propagation Boolean false 指定是否阻止本节点的祖先节点出现点击态 hove原创 2020-09-14 22:50:24 · 4966 阅读 · 3 评论