雅安论坛

标题: axios 请求发起和数据渲染VUE [打印本页]

作者: 未命名    时间: 2022-1-9 16:03
标题: axios 请求发起和数据渲染VUE
axios 请求发起和数据渲染VUE
<script>
//引入
import axios from "axios";
export default {
// name: 'cs',
data () {
     return {
      msg1: []
      }
},
  methods:{
         getData(){
                 
                 axios.post('http://127.0.0.7/chanpin.php', {
                         sex: '1',
                         age: '2'
                     })
                         .then(res=>{
                            
                                              this.msg1=res.data.rows
                                                  console.log(res.data.rows);
                         })
                         .catch(function (err) {
                             console.log(err);
                         });
                                         
          }
        },
        mounted(){
            this.getData()  
        },
}
</script>

前端代码为:
  1. </div>
  2.                                 <div id="cs" class="overview-box-count">{{msg1}}</div>
  3.                                 <div class="overview-box-stats">相比昨天减少12</div>
  4.                         </div>
复制代码







欢迎光临 雅安论坛 (https://www.yaanbbs.net/) Powered by Discuz! X3.4