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

VUE element-ui响应式步骤进度条样式代码-精品资源网
VUE element-ui响应式步骤进度条样式代码
此内容为免费资源,请登录后查看
0
免费资源

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

几款简单的基于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>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容