小编Mee*_*wal的帖子

Vuelidate requiredIf 不适用于复选框

如果启用该功能(如果您选择复选框),我正在尝试将一个字段设置为必填字段。但该验证不会通过单击选择/取消选择复选框来触发

 <b-form-checkbox v-model="form.banner.enabled">
     <span class="label-title control-label">Enable</span>
 </b-form-checkbox>
Run Code Online (Sandbox Code Playgroud)

Vue.js

validations: {
    form: {
        banner:{
            image:{
                required: requiredIf(function() {
                    console.log("Image validator called")
                    return this.form.banner.enabled;
                })
            }
        }
    },
  },
Run Code Online (Sandbox Code Playgroud)

我取消选中复选框,静态图像字段给出错误Its required

<b-form-input id="bannerImage" name="bannerImage" v-model="form.banner.image" :state="$v.form.banner.image.$dirty ? !$v.form.banner.image.$error : null"></b-form-input>
<b-form-invalid-feedback >
     <span >The image field is required.</span>
</b-form-invalid-feedback>
Run Code Online (Sandbox Code Playgroud)

您可以复制 - 删除图像的值并取消选中enabled选项,然后单击保存。它会给出一个错误The image field is required.,因为验证器没有调用提交。提交代码是

this.$v.form.$touch()
if (this.$v.form.$anyError) {
     return; //return if any error
}
//execute save form code if no error
Run Code Online (Sandbox Code Playgroud)

参考图片在此输入图像描述

javascript validation vue.js vue-validator bootstrap-vue

3
推荐指数
1
解决办法
1万
查看次数

ConstraintLayout 中的右文本视图,文本被切断

我在 android 中使用 ConstraintLayout 布局。我希望我的图片在左边,我的文字在我的图片右边。

<?xml version="1.0" encoding="utf-8"?
<android.support.constraint.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/galleryImg"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:onClick="toggleMode"
        android:layout_marginLeft="10dp"
        android:scaleType="centerCrop"
        android:src="@drawable/slider"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="parent"
        />

    <TextView
        android:id="@+id/galTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:text="Quick Brown Fox Jumps Over Quick Brown Fox Jumps Over"
        android:textSize="18sp"
        android:layout_alignParentRight="true"
        app:layout_constraintStart_toEndOf="@+id/galleryImg"
        app:layout_constraintTop_toTopOf="@+id/galleryImg" />

</android.support.constraint.ConstraintLayout>
Run Code Online (Sandbox Code Playgroud)

但是我的文字在右侧被切断 - 就像如果我的文字在第一行结束.. 它只显示ov而下一行以Quick开头。

android textview android-constraintlayout

0
推荐指数
1
解决办法
1509
查看次数