鍍金池/ 問答/ HTML問答
遺莣 回答

你這個搞得那么復雜。你設置一個狀態(tài)就可以了。比如在data里面加一個isClick: false
在點擊時候設置isClick為true,在mouseout的里面判斷isClick為false就繼續(xù)執(zhí)行

clickHandler: function() {
    this.isClick = true;
},
mouseoutHandler: function() {
    if(!this.isClick) return;
    // 你的代碼
}
冷眸 回答
"eslint.validate": [
    {
      "language": "vue",
      "autoFix": true
    }
  ],

設置里面加上

笑忘初 回答

如果能用框架的話可以使用echart

官網里有示例

黑與白 回答

Each child in an array or iterator should have a unique "key" prop.
你只是添加了rowKeys,rowKeys是表格行渲染需要的,但是你的XXX的key呢,Table的key呢,這個也是需要的

網妓 回答

natjs,需要安裝weex插件,還需要安裝natjs nodejs依賴,文檔里有寫的,從頭看。

npm i -S natjs
weexpack plugin add [nat插件]

在weex代碼中

import Nat from 'natjs'

然后使用Nat來調用

孤島 回答

可能時安裝node的時候中途有什么操作中斷了,我出現(xiàn)過類似的問題,我把node卸了重裝就好了,要不你可以試試。

莫小染 回答

其實樓上的方法都是舍近求遠了,用$emit可以解決問題,
但是$emit的局限也很大,比如通過slot傳進來的子組件就沒辦法使用$emit
高效而且能夠實現(xiàn)解耦的做法:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>   
    <script type="text/javascript" src="https://cdn.bootcss.com/vue/2.3.0/vue.js"></script>

</head>
<body>
<template id="aa">
    <div>
        <hr>
       我是子組件2
        <input type="text" v-model="text2">
        <button @click="close()">關閉</button>
        <button @click="affirm()">確認</button>
    </div>
</template>


<div id="box">
    <p>
        我是父組件:{{text}}
        <button @click="showChild()">顯示子組件</button>
    </p>

    <child-page  v-show="pageSwitch" :pageSwitch2="pageSwitch" :text2="text" :close="close" :affirm="affirm"></child-page>
</div>
<script>
    new Vue({
        el:"#box",
        data:{
            text:"hello",
            pageSwitch:false
        },
        methods:{
            showChild:function(){
                this.pageSwitch=true;
            },
            close:function(){
                console.log(this.pageSwitch2);
                console.log(this.text2);
                this.pageSwitch2=false;
            },
            affirm:function(){
                console.log(this.pageSwitch2);
                console.log(this.text2);
            }
        },
        components:{
            "child-page":{
                template:"#aa",
                data:function(){
                    return{
                        childmsg:"子組件信息"
                    }
                },
                props:['pageSwitch2',"text2","close","affirm"],
            }
        }
    })
</script>
</body>
</html>

整體思路的就是把close和affirm(拼寫錯誤,其實是confirm)兩個方法移動到父組件,
然后在父組件的模板里把這兩個方法傳給子組件。
解釋:根據(jù)面向對象的“開閉原則”,要想實現(xiàn)通過繼承子組件來修改內部的邏輯,必然要對外暴露使用關心的接口

陌南塵 回答

有cache,不會重復加載。

參見 https://nodejs.org/api/module...

魚梓 回答

你這是跨域了

陌上花 回答

可以嘗試<keep-alive>進行緩存,或者后退到B時重新渲染B里的數(shù)據(jù)

她愚我 回答

我把它弄到480kb了
直接卸載transform-object-rest-spread
安裝stage-3:npm install --save-dev babel-preset-stage-3
.babelrc中設置"presets": ["env","stage-3"],
ie10下測試通過

空白格 回答

安裝插件 babel-plugin-syntax-dynamic-import
.babelrc中修改:

"plugins": [
  "syntax-dynamic-import"
]

參考鏈接

糖果果 回答

在路由攔截中寫是正確的,往下的思路你沒想透
如果要去的登陸頁,不判斷有無本地信息
如果去的是其它頁面,有本地登陸信息且未超時過,否則轉登陸頁
show my code

    if(to.name==="login"){
        next();
    }else{
        if(loginInfo){
            // 這里要加一個有登陸信息比對時間
            next()
        }else{
            next("login")
        }
    }

另一個大佬的回答,供參考:
https://segmentfault.com/q/10...

別傷我 回答

setData是更改頁面上的值,可以在countDown里面更改this.data.verifyBtnDisable的值, 然后在發(fā)送請求的方法里面加個判斷,判斷的也是this.data.verifyBtnDisable,如果為true, 直接return

茍活 回答

單詞寫錯了clipboard.png

氕氘氚 回答

暫時不能,可以考慮通過控制兩個組件 v-if 來實現(xiàn)

毀憶 回答

然而我卻不知道事件會在兄弟元素間冒泡~

別瞎鬧 回答

不是太明白你想要實現(xiàn)的效果,或者,你想要做什么
https://docs.npmjs.com/misc/s...
你想要的,是否是這樣呢

{
  "name": "test",
  "main": "server.js",
  "scripts": {
    "start": "npm run build && npm run dev ",
    "dev": "", // 做點什么
    "build": "" // 做點什么
  },
  "dependencies": {
  }
}