PmMultiUrl

基本用法

基本用法

<template>
  <div>
    <pm-multi-url data="copy" maxHeight="400px" v-model="urlStr" :errors="errors" :validator="validator"></pm-multi-url>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        urlStr: 'a,b',
        errors: {
          a: {
            correct: true
          },
          b: {
            correct: false
          }
        },
        validator: [
          (rule, value, callback, source, options) => {
            var errors = []
            if (value && !/(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/.test(value)) {
              callback(new Error('不符合Url规范！'))
              return
            }
            callback()
          }
        ]
      }
    }
  }
</script>

显示代码 复制代码 复制代码

Attributes

参数	说明	类型	可选值	默认值
value	string	string	-	-
errors	Object	{ {value}: correct: true }	-	{}
editable	是否可编辑	boolean	-	true
validator	验证信息	function/array	-	-
label	提示信息前缀	fstring	-	地址