当前位置：网站首页>There is no corresponding change on the page after the code runs at the Chrome browser break point

There is no corresponding change on the page after the code runs at the Chrome browser break point

2022-06-23 01:27:00 【The opening of a midsummer night】

Chrome Browser break point ,this.letters.push('F'); After operation , There is no corresponding change in the page . I don't know why .
The code is as follows ：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div id="app">
    <ul>
      <li v-for="item in letters" :key="item">{
   {item}}</li>
    </ul>
    <button @click="btnClick"> Button </button>
  </div>
  <script src="../js/vue.js"></script>
  <script> const app = new Vue({
       el:'#app', data: {
       letters: ['A','B','C','D','E'] }, methods: {
       btnClick() {
       // 1.push Method -- Response type  this.letters.push('F'); // 2.pop Method --  Response type  this.letters.pop(); // 3. Modify the elements in the array through the index value  --  Nonresponsive  this.letters[0]='bbb'; } } }) </script>
</body>
</html>
原网站

版权声明
本文为[The opening of a midsummer night]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/02/202202220521553214.html

边栏推荐

猜你喜欢

随机推荐