小编Pra*_*ant的帖子

我有一个表格设计，其中离子行中的两个离子列具有不同的行数。但我需要将中间的内容对齐。对此最好的解决方案是什么？

<ion-content padding>
  <ion-grid>
    <ion-row>
       ....other cols....
       <ion-col col-6>
        <label>Date of Audit:
          <h2>01/30/18<br/>
          1:06:50<small>PM UTC</small></h2>
        </label>
      </ion-col>
      <ion-col col-6 text-center center class="overall-score">
        <label>Overall Score:
          <h1>40%</h1>
        </label>
      </ion-col>
   </ion-row>
  </ion-grid>
</ion-content>

我正在尝试在密码验证提供程序上添加 vee-validate 规则并确认密码。v-validate 必须在我必须向文本框添加规则的地方工作。但就我而言，我必须使用验证提供程序。请帮忙！！！

版本

vee-validate: 2.1.7
vue: 2.9.6

代码

<ValidationObserver ref="adminInfo">
<v-layout row wrap>
<v-flex xs12 md6>
    <ValidationProvider name="password" rules="required|min:5|max:35" ref="password">
    <v-text-field
      solo
      v-model="administratorInfo.newPassword"
      label="Set New Password"
      required

      slot-scope="{
          errors,
          valid
        }"
      :error-messages="errors"
      :success="valid"
    ></v-text-field>
    </ValidationProvider>
  </v-flex>
  <v-flex xs12 md6>
    <ValidationProvider name="confirm password" rules="'required|confirmed:password'">
    <v-text-field
      solo
      v-model="administratorInfo.cNewPassword"
      label="Confirm Password"
      required
      slot-scope="{
          errors,
          valid
        }"
      :error-messages="errors"
      :success="valid"
    ></v-text-field>
    </ValidationProvider>
  </v-flex>
</v-layout>
</ValidationObserver>

获取错误：

无法读取未定义的属性“$watch”

如果互联网在我的应用程序的任何位置关闭,我正在寻找一个更好的解决方案,连接失败的弹出对话框.

我有提供商来检查连接.但是我没有得到很好的解决方案来调用每个事件或每个页面更改.

我在我的Ionic项目中处于将数组转换为字符串格式(数组)的情况.这是一个例子

var fruits = ["Banana", "Orange", "Apple", "Mango"];

应转换为

var strFruits = "['Banana', 'Orange', 'Apple', 'Mango']";

我可以使用循环和字符串操作来完成它,但应该有一个简单的方法来解决这个问题.