我有以下教程中的代码示例,我试图弄清楚如何使用脚本设置,typescript和Coptioncript和组合API. props: { image: { type: String, default: require("@/assets/default-poster.png"), validator: propValue => { const hasImagesDir = propValue.indexOf("@/assets/") > -1; const listOfAvailableExt = [".jpeg", ".jpg", ".png"]; const isValidExt = listOfAvailableExt.some(ext => propValue.endsWith(ext) ); return hasImagesDir &&
以下是关于 vue-validator 的编程技术问答
这是我用的版本 "vue": "^1.0.21", "vue-resource": "^0.9.3", "vue-validator": "^2.1.5" 我的入口文件 import Vue from 'vue' import App from './App' import VueResource from 'vue-resource' import VueValidator from 'vue-validator' /* eslint-disable no-new */ new Vue({ el: 'body', components: { App }, http: { header: { 'Content-Type': 'application/json' } } }) Vue.use(VueResource) Vue.use(VueValidator) App.vue
首先介绍一下需求:点击‘新增参数’按钮新增一行参数列表,填写参数值后满足验证要求则可以保存和新增参数列表。保存后保存按钮变为disabled,待该行参数值被改变并符合验证要求后重新激活保存按钮。在这过程中需要动态改变许多参数,比如字段名,分组名,虽然解决了一些但还是遇到了几个问题,如下: 1、我希望里面的groups可以随着v-for里面inputParams长度的增加而自动增加,一开始我加了个validatorGroups,想和groups绑定,但是不生效,就只好先写死了,但这只是权宜之计,有什么好办法吗? 2、删除掉一行参数后,下一行的validator对象好像也被删除了,只有刷新后才会恢复正常,有什么好的办法吗? 新建了三个参数: 将key3删除后影响到了key2的验证:
问 题 vue的验证插件vue-validator显示验证信息,有两个问题问一下: 1、默认是打开文件的时候就显示错误信息,输入正确,验证信息消失。能不能改成先不显示验证信息,当失去焦点的时候在验证和显示? 2、我想把验证信息显示在bootstrap的popover中,应该怎么做呢? 解决方案 initial="off" detect-change="off" https://github.com/vuejs/vue-validator/blob/dev/docs/en/timing.md#initial https://github.com/yuche/vue-strap
使用vue-validator,按文档安装,验证required的时候报Cannot read property 'minlength' of undefined,验证minlength的时候Cannot read property 'minlength' of undefined 报错截图 //app.js import Vue from 'vue' import VueRouter from 'vue-router' import VueResource from 'vue-resource' import VueValidator from 'vue-validator' import router from './router/router' Vue.use(VueValidator); router.start(App, '#app');