今日總結vue 子元素觸發父元素事件 transition過度事件 axios安裝
阿新 • • 發佈:2018-12-29
<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