鍍金池/ 問(wèn)答/ HTML問(wèn)答
柚稚 回答

抱歉，基礎(chǔ)的語(yǔ)法還不太懂，之前一直在用java，所以用java的思想去理解TypeScript就會(huì)有問(wèn)題。
是我太著急了，多謝你的回答。

臭榴蓮 回答

直接寫呀

data() {
    return {
        platform_list: [
            {online: true},
            {online: false}
        ]
    }
}

然后你組件里面就是這樣

<div v-for="platform in platform_list">
  <span style="">{{platform.name}}</span>
  <span><b :style="{backgroundColor: platform.online ? 'green' : 'red'}"></b>在線</span>
</div>
厭惡我 回答

看看這樣行嗎

<!DOCTYPE html >
<html lang="en" ng-app="app">

<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    .cc {
      border: 1px solid #ccc;
      border-collapse: collapse;
    }

    .cc td {
      text-align: center;
      padding: 6px 6px;
      border: 1px solid #ccc;
      height: 20px;
    }
  </style>


</head>

<body ng-controller="siteCtrl">
  <table border="1" cellpadding="0" cellspacing="0" class="cc">
    <tr>
      <td>組</td>
      <td>組下項(xiàng)</td>
    </tr>

    <tr ng-repeat="item1 in dataList">
      <td>
        <input type="checkbox" ng-model="item1.ProState" ng-change="selectItem(item1)"> {{item1.ProList}}
      </td>
      <td>
        <table border="0" cellpadding="0" cellspacing="0">
          <tr ng-repeat="item in item1.data">
            <td>
              <input type="checkbox" ng-model="item.state" name="" ng-checked="item.state" ng-change="change(item1)">
            </td>
            <td>{{item.Name}}</td>
            <td>{{item.Url}}</td>
            <td>{{item.Email}}</td>
            <td>
              <button ng-click="add(item, item1.data)">增加</button>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
  <!-- <script type="text/javascript" src="js/angular.min.js"></script> -->
  <script>
    var app = angular.module('app', []);
    app.controller('siteCtrl', function ($scope, $http) {

      $scope.dataList = [
        {
          "ProList": "a1",
          "ProName": "g1",
          "ProState": false,
          "data": [
            {
              "Name": "john1",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": true,
              "ProName": "g1"
            },
            {
              "Name": "john1",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": false,
              "ProName": "g1"
            },
            {
              "Name": "john1",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": false,
              "ProName": "g1"
            }
          ]
        },
        {
          "ProList": "a2",
          "ProName": "g2",
          "ProState": false,
          "data": [
            {
              "Name": "john2",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": false,
              "ProName": "g2"
            },
            {
              "Name": "john2",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": false,
              "ProName": "g2"
            },
            {
              "Name": "john2",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": false,
              "ProName": "g2"
            }
          ]
        },
        {
          "ProList": "a3",
          "ProName": "g3",
          "ProState": false,
          "data": [
            {
              "Name": "john3",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": false,
              "ProName": "g3"
            },
            {
              "Name": "john3",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": false,
              "ProName": "g3"
            },
            {
              "Name": "john3",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": false,
              "ProName": "g3"
            }
          ]
        }
      ]
      $scope.change = function(pro) {
        console.log(pro);
        pro.ProState = pro.data.every( person => person.state)
      }
      $scope.selectItem = function (item) {
          item.data.forEach(function(person) {
            person.state = item.ProState;
          })
      };
      $scope.add = function (item, datas) {
        var newItem = angular.extend({}, item);
        datas.push(newItem);

      }

    })

  </script>
</body>

</html>

你真正用到defaultValue的地方?jīng)]貼上來(lái)啊。。。
用了getFieldDecorator，直接用initialValue就是初始值的意思，你在Input之類的組件上就不要用defaultValue了。

將加號(hào)和黃色背景寫入一個(gè)隱藏的div中，鼠標(biāo)移上去讓該div顯示出來(lái)
例子：

/**html代碼**/
<ul>
    /**給每一個(gè)項(xiàng)目下的加號(hào)加一個(gè)隱藏類**/
    <li>
        <img src="***">
        <p>內(nèi)容</p>
        <div class="hide beijing">加號(hào)和黃色背景</div>
    </li>
    <li>
        <img src="***">
        <p>內(nèi)容</p>
        <div class="hide beijing">加號(hào)和黃色背景</div>
    </li>
</ul>

/**js代碼**/
$("li").hover(function(){
    $(this).find(".beijing").removeClass("hide")
},function(){
    $(this).find(".beijing").addClass("hide")
})
萌面人 回答

好不好是相對(duì)的。要結(jié)合結(jié)合業(yè)務(wù)情況而定。
現(xiàn)在webpack不推薦用require.ensure寫法，推薦import(/ webpackChunkName: "group-foo" / './Baz.vue')
vue組件懶加載是依賴webpack提供的能力。建議照著文檔多做練習(xí) https://doc.webpack-china.org...

孤星 回答

因?yàn)槟忝空{(diào)用一次getFatherMsg就綁定了一次事件，事件綁定要拿到外面哇

情已空 回答

大概邏輯是點(diǎn)擊某個(gè)評(píng)論下的回復(fù)按鈕，令對(duì)應(yīng)的文本框顯示出來(lái)；

var replyTxt=document.getElementByTagName("textarea”);
var replyBtn=document.getElementByTagName("button”);
    for(let i=0,length=replyBtn.length;i<length;i++){
        replyBtn[i].onclick=function(){
            replyTxt[i].style.display="block"
        }
    }
憶往昔 回答

先來(lái)認(rèn)清一下相對(duì)路徑和絕對(duì)路徑.

css/css.css

這個(gè)是相對(duì)路徑.相對(duì)于你的入口文件就是index.php這一層目錄.
例如,你的路徑是這樣子的/index/index.php,那么,css.css的文件路徑就是在/index/css/css.css,當(dāng)然,你可以在引入的時(shí)候用./css/css.css,這個(gè)也是相對(duì)路徑,

./  ---代表當(dāng)前路徑下
../ ---代表上一層目錄

絕對(duì)路徑.

/css/css.css

在第一個(gè)用上/這個(gè)符號(hào),那得到就是網(wǎng)站的根路徑.
例如.你的訪問(wèn)路徑是這樣子的./index/index.php
那么,你的css.css的文件路徑就是/css/css.css
這個(gè)就是相對(duì)路徑和絕對(duì)路徑.你要想正確引入你的文件,那么,你就必須對(duì)這個(gè)理解通透.
詳情請(qǐng)了解
相對(duì)路徑和絕對(duì)路徑

陌如玉 回答

檢查下是不是有其他進(jìn)程占用了27017端口

薄荷糖 回答

相信你現(xiàn)在已經(jīng)可以了吧

夕顏 回答
  1. 檢查是否是瀏覽器點(diǎn)擊后默認(rèn)行為；
  2. 如果不是列出 Chrome顯示的 css。信息提供太少
囍槑 回答

你這個(gè)問(wèn)題感覺(jué)都搞一星期了...

為什么要遍歷，輸入框里的默認(rèn)值應(yīng)該是從tabledata里取的，你修改輸入框的值，會(huì)作用到tabledata的，然后你handleSelectionChange 函數(shù)的時(shí)候不是把行數(shù)據(jù)傳進(jìn)去了嗎，直接用就可以了

你表格里的值都是根據(jù)tabledata來(lái)的，如果修改值tabledata沒(méi)更新，那就是你vue沒(méi)檢測(cè)到狀態(tài)改變

夢(mèng)囈 回答

意思是讓你用管理員來(lái)運(yùn)行這個(gè)命令，用sudo npm run build試試

櫻花霓 回答

vue是沒(méi)有監(jiān)聽下標(biāo)賦值的操作也無(wú)法監(jiān)聽
下面這種是無(wú)法監(jiān)聽的

var arr = ["a","b"];
arr[1] = "bbbb";

vue只監(jiān)聽了'push','pop','shift','unshift','splice','sort','reverse'等直接改變?cè)瓟?shù)組的方法
而$set，內(nèi)部還是splice方法

function set(target, key, val) {
    if (Array.isArray(target) && typeof key === 'number') {
      target.length = Math.max(target.length, key);
      target.splice(key, 1, val);
      return val
    }
    //其他操作  
    ...  
}

但是如果你的結(jié)構(gòu)下面：

var arr = ["a",{text:"b"}];
arr[1].text = "bbbbb";

因?yàn)閷?duì)數(shù)據(jù)進(jìn)行了遞歸 對(duì)象的賦值是可以直接監(jiān)聽到的
但是下面又不行了

var arr = ["a",{text:"b"}];
arr[1] = {text:"bbbbb"};

總結(jié)來(lái)說(shuō)不要數(shù)組下標(biāo)直接賦值

var arr = ["a",{text:"b"}];
this.arr[1] = {text:"bbbbb"};//除了這種以下都可以
this.arr[1].text = "bbbbb";//利用對(duì)象的監(jiān)聽
this.arr = ["a",{text:"bbbbb"}];//同上
this.arr.splice(1, 1, {text:"bbbbb"});//數(shù)組的監(jiān)聽
this.$set(this.arr,1,{text:"bbbbb"});//同上
首頁(yè) 上一頁(yè) 1315 1316 1317 1318 1319 1320 1321 1322 1323 下一頁(yè) 尾頁(yè)