小编Est*_*gas的帖子

I am rendering a list, and have a button that says "Expand". I want that when this button is clicked, it opens a modal with content that is fetched.

I'm trying to render the name inside the data, the same way I'm (correctly) rendering the date property. This can be seen in the following code:

<li v-for="data in tableData" v-bind:key="data">
  <button v-on:click="openModal()">{{data.date}}</button>
  <sweet-modal ref="modal">{{data.name}}</sweet-modal>
</li>

And the function that opens the modal looks like this:

openModal(){
   // let vc = …

我有两组条件渲染按钮。

当活动正在进行时

当广告系列未运行时

我想要做的是在活动暂停 5 秒后禁用播放按钮。

这是我的标记：

<div class='m1 '>

  <md-button v-on:click='changeCampaignStatus(campaign.id, "Paused")' v-if='campaign.state==="Running"' class='md-icon-button md-accent md-raised' id='run-button'>
    <md-icon>pause</md-icon>
  </md-button>

  <md-button v-on:click='changeCampaignStatus(campaign.id, "Running")' v-if='campaign.state==="Paused"' class='md-icon-button md-accent md-raised' id='run-button'>
    <md-icon>play_arrow</md-icon>
  </md-button>

  <md-button v-on:click='changeCampaignStatus(campaign.id, "Canceled")' v-if='campaign.state==="Paused"' class='md-icon-button md-accent md-raised' id='run-button'>
    <md-icon>stop</md-icon>
  </md-button>

  <md-button v-on:click='deleteCampaign(campaign.id)' v-if='campaign.state==="Canceled"' class='md-icon-button md-accent md-raised' id='run-button'>
    <md-icon>delete_forever</md-icon>
  </md-button>

  <md-button v-on:click='duplicateCampaign(campaign.id)' class='md-icon-button md-accent md-raised'>
    <md-icon>content_copy</md-icon>
  </md-button>

  <md-button v-on:click='goToEdit'  v-if='campaign.state==="Paused"' class='md-icon-button md-accent md-raised'>
    <md-icon>mode_edit</md-icon>
  </md-button>
  <div>
    <md-chip v-for='tag in campaign.tags' :key='tag' class='mr1'>{{tag}}</md-chip>
  </div>
</div>

我不太确定哪些按钮应该有id='run-button'，我相信条件渲染使以下 setTimeout 表现得很奇怪：

  document.getElementById("run-button").disabled = …

假设我想<input value='{{default}}'></input>在常规 HTML 中使用。{{default}}将显示作为默认输入的文本框。

但是我正在尝试用 Vue 做这样的事情，但是不会按预期工作

<md-input value='{{document_url}}'></md-input>

我得到的错误是

in ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-c9c99006","hasScoped":false,"preserveWhitespace":false,"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0&bustCache!./components/template-heuristic-cases.vue
(Emitted value instead of an instance of Error)

这不起作用,并说没有这样的文件或目录

current_conecctions = subprocess.Popen("netstat -p udp",shell = False, stdout=subprocess.PIPE).stdout.read()

虽然netstat -p udp在终端中完美运行.