二十八、Vue之template占位符

注意：这里的<template>与组件中的<template>不是一个概念，这里的<template>占位符相当于小程序的<block>节点！当我们需要在遍历循环时，将数据绑定到多个Dom节点，这种情况下使用<template>占位符将极大的简化代码：<template v-for="(item, index) of l...

咸鱼最牛逼

7463人浏览 · 2019-04-29 22:40:33

咸鱼最牛逼 · 2019-04-29 22:40:33 发布

注意：这里的<template>与组件中的<template>不是一个概念，这里的<template>占位符相当于小程序的<block>节点！

当我们需要在遍历循环时，将数据绑定到多个Dom节点，这种情况下使用<template>占位符将极大的简化代码：

<template v-for="(item, index) of list" :key="item.id">
	<div>{{item.text}}</div>
	<span>{{item.title}}</span>
</template>

<template>占位符在浏览器中编译以后，就会消失！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^