Vue.component("quality-objectives", { template: ` <div class="quality-target-max"> <div class="quality-target-min" style="padding: 30px 10px;font-size: 17px;" v-for="item in qualityTargetData"> <div class="quality-target-img"> <img :src="item.images"> </div> <div class="quality-target-con"> <div class="quality-target-title" v-cloak>{{item.title}}</div> <!--<el-tooltip class="item" effect="dark" placement="top-end"> <div slot="content" style="font-size: 20px;" v-cloak>{{item.text}}</div> <div class="quality-target-info" v-cloak>{{item.text}}</div> </el-tooltip>--> <div class="quality-target-info-new" >{{item.text}}</div> </div> </div> </div> `, props: { }, data() { return { //质量目标 qualityTargetData:[ // { // title:'创优目标', // text:'获得陕西省“双优”工地,创AAA级国家安全文明标准化工地', // images:'/images/quality_target_1.png', // } ], } }, mounted(){ let that = this let url1 = "http://127.0.0.1:9004/system/qualityTarget/list1" let url2 = "/system/qualityTarget/list1" $.post(url2,{},res => { that.qualityTargetData = res[JSON.parse(localStorage.getItem("data")).id] console.log(that.qualityTargetData[JSON.parse(localStorage.getItem("data")).id]); }) }, methods: { }, watch:{ }, })