小编ste*_*nmd的帖子

Vuetify表单验证-为匹配输入定义ES6规则

我有一个(Vuetify)表单,其中包含使用ES6和正则表达式检查其是否为有效电子邮件的电子邮件输入。我将如何设置另一个emailConfirmationRules规则集以检查emailConfirmation输入是否与输入匹配email

<template>
  <v-form v-model="valid">
       <v-text-field label="Email Address"
            v-model="email" 
            :rules="emailRules"
            required></v-text-field>

       <v-text-field label="Confirm Email Address"
            v-model="emailConfirmation" 
            :rules="emailConfirmationRules"
            required></v-text-field>
   </v-form>
 <template>

export default {
    data () {
      return {
         valid: false,
         email: '',
         emailConfirmation: '',
         emailRules: [
             (v) => !!v || 'E-mail is required',
             (v) => /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(v) || 'E-mail must be valid'
        ],
        emailConfirmationRules: [
            (v) => !!v || 'Confirmation E-mail is required',
        ]   (v) => ??? || 'Confirmation E-mail does not match'
    }
}
Run Code Online (Sandbox Code Playgroud)

validation ecmascript-6 vue.js vuejs2 vuetify.js

8
推荐指数
2
解决办法
9955
查看次数

Axios GET 在 Safari 浏览器中不起作用

我有一个简单的方法 getInfo() 请求,它在 vue 实例中的 created() 上调用。它从外部 api 获取数据并将其呈现在页面上。

created() {
    this.getInfo();
},
methods: {
    getInfo() {
        let vm  = this;
        let url = [my api url];
        axios.get(url)
          .then(response => {   
              console.log(response);
          })
          .catch(error => {
              console.log(error);
          })
    },
Run Code Online (Sandbox Code Playgroud)

该方法在 Chrome 中运行良好,但在 Safari (High Sierra, 10.13.2) 中完全被忽略。任何想法为什么会发生这种情况?没有控制台错误。

safari vue.js axios vuejs2

5
推荐指数
2
解决办法
9250
查看次数

在 vue-router 中动态设置 base

我正在尝试动态传入数据以设置 vue-router 的基础。是否可以在其他地方设置一个单独的函数来传入基本名称变量?例如,如果编辑器想通过 CMS 设置基本名称,我需要一种方法来传递(或导入)该名称。

// router/index.js

export default new VueRouter({
base: '[PASS BASE NAME HERE]',
routes: [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/contact',
    name: 'Contact',
    component: Contact
  }
],
mode: 'history'
})
Run Code Online (Sandbox Code Playgroud)

vue.js vue-router vuejs2

4
推荐指数
1
解决办法
4126
查看次数