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

yzch6671

2年前发布

044520

几款简单的基于VUE element-ui响应式步骤进度条样式代码，active往里传值即可显示步骤。

js代码

<script type=\"text/javascript\" src=\"js/vue.min.js\" ></script>
<script type=\"text/javascript\" src=\"js/element.min.js\" ></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>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END