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

最新推荐文章于 2024-06-22 09:41:03 发布

awei0130

最新推荐文章于 2024-06-22 09:41:03 发布

阅读量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

最低0.47元/天解锁文章

awei0130

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
vue html 动态渲染组件几种方法（使用vue-qrcode 生成二维码）

vue-qrcode ：https://github.com/fengyuanchen/vue-qrcode1、v-for循环2、component 动态组件3、extend 构造器<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <me...
复制链接

扫一扫

专栏目录