小编T. *_*rks的帖子

当我单击ID为#add的Button时,我想将文本添加到现有div中.但这不起作用.

这是我的代码:

$(function () {
  $('#Add').click(function () {
    $('<p>Text</p>').appendTo('#Content');
  });
}); 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <div id="Content">
    <button id="Add">Add</button>
 </div>

我希望你能帮助我.

我有一个组件，如下所示：

export default {
  name: 'todos',
  props: ['id'],
  created () {
    this.fetchData()
  },
  data() {
    return {
    }
  },
  computed: {
    todos () {
      return this.$store.state.todos[this.id]
    }
  },
  methods: {
    async fetchData () {
      if (!this.$store.state.todos.hasOwnProperty(this.id)) {
        await this.$store.dispatch('getToDos', this.id)
      }
    }
  }
}

这就是正在发生的事情：

1. 该组件接收idvia 属性。

当组件加载时，我需要根据 id 获取一些数据

2. 我有一个created()钩子，可以从其中调用函数fetchData()来获取数据。

3. 在方法中，fetchData()函数调度一个操作来获取数据。这会获取数据并将其存储在 Vuex 存储中。

4. 计算属性todos获取此 id 的数据。

问题是，当页面首次加载时，计算属性todos显示为未定义。如果我更改页面（客户端），则计算属性将从存储中获取正确的数据并显示它。

我无法理解为什么计算属性不更新？

我正在将一个HTML使用 bootstrap 的静态站点转换为 React.js 这里有几个 div 仅在 data-target 和 data-toggle 上打开。

<div className="card-header" id="headingFive">
   <h5 className="mb-0">
      <button
            className="btn btn-link"
            type="button"
            data-toggle="collapse"
            data-target="#collapseFive"
            aria-expanded="true"
            aria-controls="collapseOne">
            Site Wide Events
      </button>
    </h5>
</div>

<div
   id="collapseFive"
   className="collapse show"
   aria-labelledby="headingFive"
   data-parent="#accordionThree">
    <div className="card-body">
        <div className="row">
            <div className="col wall">
                <h4 className="text-center">12</h4>
                <p className="text-center">Target</p>
            </div>
            <div className="col">
                <h4 className="text-center">13</h4>
                <p className="text-center">Actual</p>
            </div>
        </div>
    </div>
</div>

我不想使用任何其他npm模块来实现相同的目的。

我尝试了这个但无法解决。

componentDidUpdate() {
    $('.collapse').bootstrapToggle();
}

我有这两个功能:

function myFunction() {
    var x = document.getElementById("myTextarea").value;
    document.getElementById("demo").innerHTML = x;
}

function myFunction1() {
    var x = document.getElementById("myTextarea1").value;
    document.getElementById("demo1").innerHTML = x;
}

我没有成功将它们合并为一个函数.