1. 程式人生 > >今日總結vue 子元素觸發父元素事件 transition過度事件 axios安裝

今日總結vue 子元素觸發父元素事件 transition過度事件 axios安裝

<forgetMessage v-if="control.logoState == 2" @my-event="regression" ></forgetMessage> 
//父元素
methods 方法裡
regression (msg){   // 此事件用來觸發返回的
    this.$set(this.control,"logoState", 1); 
}
      goBack(formName) {
        this.$emit('my-event');
      }
//子元素用emit觸發 @my-event事件

vue 過度事件是要用 transition來觸發的

<transition name="slide-fade">
        <register v-show="control.logoState == 3" @my-event="regression"></register>
</transition>
import axios from 'axios'    //安裝axios
Vue.prototype.$http = axios  //使用axios
//在main.js中使用
    that.$http.put(url+"/api/role", JSON.stringify({ Id: id, Name: "測試角色2"}), {headers: {"Content-Type": "application/json; charset=utf-8"}}).then( r => {  
               console.log("vue更新成功");  
               console.log(r.data);
              if (callback != null) {
                callback();
              }
           })
    .catch(err => {
            console.log(err)
        });
    };
//簡單的介面示例

cnpm axios --save