vue html 动态渲染组件几种方法（使用vue-qrcode 生成二维码）

最新推荐文章于 2024-08-10 06:00:00 发布

awei0130

最新推荐文章于 2024-08-10 06:00:00 发布

阅读量4.3k

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/awei0130/article/details/90675217

版权

本文介绍了使用vue-qrcode库在Vue中动态渲染组件的三种方法：1) v-for循环，2) component动态组件，3) extend构造器。通过这些方法，可以方便地在应用中生成和展示二维码。

摘要由CSDN通过智能技术生成

vue-qrcode ：https://github.com/fengyuanchen/vue-qrcode

1、v-for循环

2、component 动态组件

3、extend 构造器

<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport"
		      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>二维码</title>
	</head>
	<body>
		<div id="app">
			<div ></div>
			<!--v-for循环-->
			 <qrcode :value="msg" v-for="(item,index) in items"></qrcode>
			 <div><button @click="add">二维码add</button></div>
			 <!--component动态组件-->
			 <component :i