PHP中文网-QQ群-扫二维码

QQ群

PHP中文网-关注微信公众号-扫二维码

微信公众号

当前位置:php中文网下载站 >js特效 >其它特效 >element-ui响应式步骤进度条样式代码

element-ui响应式步骤进度条样式代码

2017-12-20 来源/作者:php中文网 分类:其它特效 «» 下载次数:3
element-ui响应式步骤进度条样式代码
js代码


<script type="text/javascript" src="js/vue.min.js?3.1.10" ></script>
<script type="text/javascript" src="js/element.min.js?3.1.10" ></script>
<script type="text/javascript">
	new Vue({
		el: '#myVue',
		data: {
			stepVal1: 0,
			stepVal2: 2,
			stepVal3: 3,
			stepVal4: 4,
			stepVal5: 1,
			stepVal6: 2,
			stepVal7: 3
		},
		methods: {
			next() {
				if (this.stepVal1++ > 2) this.stepVal1 = 0;
			}
		}
	})
</script>
几款简单的基于VUE element-ui响应式步骤进度条样式代码,active往里传值即可显示步骤。 



申明:PHP中文网下载站匠心打造中国最大的免费下载站!一切资源免费,所有资源都经过检测,请放心下载!

效果预览本地下载  新手使用求助QQ群: