uni-app自定义组件以及使用方式

1 components文件夹下创建vue文件<template name="page-head"><view class="uni-page-head"><view class="uni-page-head-title">{{title}}</view></view></template><scri...

前端小Q

3384人浏览 · 2019-07-12 19:01:15

前端小Q · 2019-07-12 19:01:15 发布

1 components文件夹下创建vue文件

<template name="page-head">
	<view class="uni-page-head">
		<view class="uni-page-head-title">{{title}}</view>
	</view>
</template>
<script>
	export default {
		name: "page-head",
		props: {
			title: {
				type: String,
				default: ""
			}
		}
	}
</script>

2挂载到main.js中

import pageHead from './components/page-head.vue'
Vue.component('page-head',pageHead)

3在要应用的文件下引入

<page-head :title="title"></page-head>

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}$/, //不连续的两位字母// /^