Vue笔记

vue爬坑

js字符串的处理

vue阻止事件冒泡

@click.stop

<!-- 阻止单击事件冒泡 -->
<a v-on:click.stop="doThis"></a>
<!-- 提交事件不再重载页面 -->
<form v-on:submit.prevent="onSubmit"></form>
<!-- 修饰符可以串联 -->
<a v-on:click.stop.prevent="doThat"></a>
<!-- 只有修饰符 -->
<form v-on:submit.prevent></form>
<!-- 添加事件侦听器时使用事件捕获模式 -->
<div v-on:click.capture="doThis">...</div>
<!-- 只当事件在该元素本身（比如不是子元素）触发时触发回调 -->
<div v-on:click.self="doThat">...</div>

vue步骤进度props

如下图所示，第一时间我想到使用vuex进行控制。实践过程中发现需要每个页面都去控制vuex的属性。

优化：：：使用props Head.vue

<template>
  <div>
    {
  { $store.state.pageNum }}
    <div id="step-box">
      <div id="step-bar-box">
        <!-- <div :class=" $store.state.pageNum >= 4 ?'circle-yes':''" class="circle">
          <p >提交成功</p>
        </div> -->
        <div id="step-bar"></div>
        <div  v-for="(value,index) in list" :class="<