我有一个(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) 我有一个简单的方法 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) 中完全被忽略。任何想法为什么会发生这种情况?没有控制台错误。
我正在尝试动态传入数据以设置 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 ×3
vuejs2 ×3
axios ×1
ecmascript-6 ×1
safari ×1
validation ×1
vue-router ×1
vuetify.js ×1