資訊專欄INFORMATION COLUMN
摘要：常見問題及處理要求每個只能有一個根元素。可以在最外層包一個來解決這個問題。分析原因中的，不是指向的實例解決方法將匿名函數(shù)變成箭頭函數(shù)，個人總結(jié)學(xué)習(xí)文檔，會持續(xù)更新，歡迎大家留言交流，如有幫助多謝點贊啦
常見問題及處理
1.vue.js 2.0要求每個template只能有一個根元素?？梢栽谧钔鈱影粋€div來解決這個問題。
錯誤提示：
vue.js:435 [Vue warn]: Error compiling template:這是頁頭
Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
解決方案：在最外層包上一個div容器（不允許直接返回多個元素）
2.把局部組件當(dāng)成全局組件去使用了
錯誤提示：
vue.js:435 [Vue warn]: Unknown custom element:- did you register the component correctly? For recursive components, make sure to provide the "name" option.
解決方案：正確的注冊組件
3.在組件中去初始化數(shù)據(jù) 不允許給data直接賦值一個對象
錯誤提示：
The "data" option should be a function that returns a per-instance value in component definitions.
解決方案：
Vue.component("",{
data:function(){
return {}
}
})
4.push前面的那個變量，其實undefined
錯誤提示 ：
Uncaught TypeError: Cannot read property "push" of undefined
解決方案： this 通過箭頭函數(shù)來解決問題
5.不支持ico圖片格式
錯誤提示：
C:xampphtdocsframeworkvueproject plssrcassetsimgfavicon.ico Unexpected character "" (1:0) You may need an appropriate loader to handle this file type. (Source code omitted for this binary file) ERROR in ./src/assets/img/favicon.ico Module parse failed:
解決方案： 找到build/webpack.base.conf.js 在41行加上 |ico 如：test: /.(png|jpe?g|gif|svg|ico)(?.*)?$/,
6.跨域問題
錯誤提示：
No "Access-Control-Allow-Origin" header is present on the requested resource. Origin "http://localhost:8080" is therefore not allowed access.
解決方案：
在通用引入的php文件中添加引入header，注意：引入的php要放在最上方
header("Access-Control-Allow-Origin:*");
7.Vue用ajax獲取數(shù)據(jù)綁定在data上
在vue編寫登錄驗證信息時，驗證信息的顯示數(shù)據(jù)由ajax返回，如何在html中顯示data
問題代碼：
{{uname_show}}
name_check:function(){
var xhr=new XMLHttpRequest();
var uname=this.uname;
var url="http://localhost/admin/data/user/check_uname.php?uname="+this.uname;
xhr.open("get",url,true);
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
var uname_text=JSON.parse(xhr.responseText);
this.uname_show=uname_text.msg;
console.log(this.uname_show);
}
}
xhr.send(null);
}
問題所在：可以打印，但不能在span中顯示。
分析原因：this.uname_show=uname_text.msg;中的this，不是指向的vue實例
解決方法：將匿名函數(shù)變成箭頭函數(shù)，xhr.onreadystatechange=()=>{}
(個人總結(jié)學(xué)習(xí)文檔，會持續(xù)更新，歡迎大家留言交流，如有幫助多謝點贊啦~)
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/53671.html
摘要：基于搭建的前端模板，本倉庫，即可搭建完成一個新項目的基礎(chǔ)模板，源碼地址，歡迎或特性預(yù)編譯語言，做了一定的封裝，詳見雪碧圖移動的適配方案引入了及，可以自由地用去開發(fā)常用的工具類引用全局注入相關(guān)的文件，如通用的及等常用的的集合支持 基于 vue-cli3 搭建的前端模板，clone 本倉庫，即可搭建完成一個新項目的基礎(chǔ)模板，源碼地址，歡迎 star 或 fork 特性 CSS 預(yù)編譯語言...
摘要：騰訊地圖提供的只提供了經(jīng)緯度定位，而產(chǎn)品需要的是確認(rèn)定位后獲取城市，進行同城商品檢索阿里云對象儲存處理文件上傳，比較意外的是騰訊對阿里云的域名前綴進行了封禁后臺不能配置，解決方案是讓后臺將該域名進行服務(wù)器域名代理。 mpvue開發(fā)小程序所遇問題及h5轉(zhuǎn)化方案 項目結(jié)構(gòu) |---build |---pages.js文件目錄 |---src ...
摘要：模式部署沒有什么問題，只要訪問到服務(wù)器上的，就可以訪問網(wǎng)站了。問題起因在做年度賬單項目的時候，項目部署的時候，用的是模式。這樣幾項配置后，就可以在子目錄下訪問網(wǎng)站，刷新也沒有問題。 寫在前面 Vue-Router 有兩種模式，默認(rèn)是 hash 模式，另外一種是 history 模式。 hash：也就是地址欄里的 # 符號。比如 http://www.example/#/hello，...
閱讀 735·2023-04-25 19:28
閱讀 1396·2021-09-10 10:51
閱讀 2392·2019-08-30 15:55
閱讀 3413·2019-08-26 13:55
閱讀 3001·2019-08-26 13:24
閱讀 3330·2019-08-26 11:46
閱讀 2756·2019-08-23 17:10
閱讀 1420·2019-08-23 16:57
