methods:{
     onCreate:async function()  {
      const router = useRouter()
      const route = useRoute()
      const { id = '', f = 1 } = route.query
      console.log("======="+id)
      const res = await reqGetOrderNumByClientId({
        clientId: id
      })
         console.log("-------------------"+res+res.msg)
      if (res.code === 200) {
         await router.push({
          path: '/app/create',
          query: {
            id: id,
            f: f
          }
        })
      } else {
        Dialog.alert({
          title: '提示',
          message: res.msg,
          showCancelButton: false,
          confirmButtonText: '確定'
        })
      }
    }
  },
  mounted:function () {   //自動(dòng)觸發(fā)寫入的函數(shù)
    this.onCreate();
  }

觸發(fā)模板為

methods: {
? ? ? ? ? demo() {
? ? ? ? ??
? ? ? ? ? }
? ? ? },
?mounted: function () {
? alert('頁(yè)面一加載，就會(huì)彈出此窗口')
?}

要在fuction（）前面用async修飾、外部調(diào)用前面用await修飾，不然就會(huì)獲取不到數(shù)據(jù)。

頁(yè)面加載時(shí),觸發(fā)某個(gè)函數(shù)的方法

需要在加載頁(yè)面的時(shí)候調(diào)用生成驗(yàn)證碼的click事件函數(shù)

解決方法如下

利用Vue中的mounted

mounted:function(){
      this.createcode();//需要觸發(fā)的函數(shù)
    }
//下面是createcode函數(shù)
 createcode(){
        var self = this;
        axios.post("/verifycode",{name:this.name,id:this.id}).then(function(res){
          //console.log(res);
          var url= JSON.parse(res.data.code64);
          //console.log(url)
          self.urlIMg  = url.data.base64Code;
        });
      },

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: