小编Sau*_*abh的帖子

我可以这样链接vue.js 2.0:

<router-link to="home">Home</router-link>

这将编译为a标记.但是我如何用div做到这一点？

随着vue.js 1.0我做了这样的:

<div v-link="{ name: 'Messages', params: { topic: topic.slug }}">test</div>

那显然不再适用了.

我有以下代码片段

<div class="list-group-item media" v-for="evt in event">

    <eventmodal :currentevent = "evt"></eventmodal>

</div>

我面临的问题是，在道具中，我总是获得第一个值。你能让我知道我在这里做错了什么吗？我使用的是vuejs 2.0

另外，我想知道是否可以以编程方式设置子组件的道具？

这就是我的子组件的样子

    <template>
    <div class="card content">
        <h4 class="modal-title">
            <span v-if="currentevent">{{currentevent.title}}</span>
            <span v-else>New Event</span>
        </h4>

        <div class="form-group">
            <input type="text" placeholder="enter event title here" class="form-control" v-model="title">
            <i class="form-group__bar"></i>
        </div>
        <textarea class="note-view__body" id="eventDescription" v-model="description" placeholder="enter event description"></textarea>
        <div class="form-group">
            <input type="text" placeholder="enter organizer name here" class="form-control" v-model="organizer">
            <i class="form-group__bar"></i>
        </div>
        <div class="form-group">
            <input type="text" placeholder="start date" class="form-control" v-model="startdate">
            <i class="form-group__bar"></i>
        </div>
        <div class="form-group">
            <input type="text" placeholder="end date" class="form-control" v-model="enddate"> …

我有一个主人和一个儿童组件.子组件持久保存创建模式和编辑模式的数据.子组件具有如下数据部分,当组件处于创建模式时使用该部分

 data() {
            return {
                title: '',
                description: '',
                organizer: '',
                startdate: '',
                enddate: '',
                email: '',
                phone: ''
            }
        },

我在创建模式下的输入如下

<input type="text" placeholder="enter event title here" class="form-control"  v-model="title">

在编辑模式下,我正在更新客户端上的prop值,如下所示

props:['currentevent']

currentevent的值从主组件传递到子组件,也是当前正在编辑的值.

因此,处理输入值的完整代码如下所示

<input type="text" placeholder="enter event title here" class="form-control" v-if="currentevent" :value="currentevent.title">

<input type="text" placeholder="enter event title here" class="form-control" v-else v-model="title">

在我的保存方法(在子组件中),我正在检查currentevent是否为空.如果它是空的,那么我触发添加代码,否则,我触发更新代码.

问题:这是有效的,但我有一个大的形式,必须为每个组件执行此操作不是一个干净的设计.你能告诉我应该怎么做吗？

有人可以帮我使用imgvue.js标签吗？

根据vue.js 文档,我试过:

<img v-bind:src={{ imgURL }}> //prints a null image

这是我的jsfiddle

有人可以帮忙吗？

我已经使用vue大约一个月了,但有一件事,我还没有真正能够正常做到这一点.

所以在树枝上我们可以做这样的事情

<th class=" 
  {% if condition %}
      class1
  {% else %}      
      class2
  {% end if %}  
">

<th class="sorting_asc" v-for="col in columns" v-if="col.label == sortKey">
<th class="sorting" v-for="col in columns" v-else>

所以我的第一个问题是我似乎无法在Vue js中实现类似的功能.其次我写'v-if ="col.label == sortKey"',我甚至可以访问html块之外的汽车col.label(循环外).先谢谢你

我有这个数组，我在点击时添加值，但我想检查值是否已经在数组中，如果它什么都不做。我尝试使用 indexOf 但每次都得到相同的结果

this.fields.push(this.field);
      this.field = { value: '' };

以下问题：

我有一个依赖于其父级 DOM 的 Vue.js 组件。但是在 prop 被传递的那一刻，它 ( this.$el) 是未定义的，可能是因为它当时还没有安装。

我的组件的 vue 模板文件如下所示：

<template>
  <md-card>
    <md-card-content>
      <ol>
        <li v-for="item in headings(content)">
          <a :href="`#${item.id}`">{{ item.name }}</a>
        </li>
      </ol>
    </md-card-content>
  </md-card>
</template>
<script>
  export default {
    props: ['content'],
    methods: {
      headings(content) {
        // DOM element is used
        // At this moment, `content` is undefined
      },
    },
  };
</script>

使用上述组件的组件包括这段代码：

<article-index :content="this.$el"></article-index>

我想过等待父组件被挂载，但这样我似乎无法像上面那样保留模板，因为它总是会尝试立即访问方法（或变量）。

我该如何解决这个问题？

编辑：

<template>
  <div class="content">
    <div class="left"><article-index :content="this.$el"></article-index></div>
    <div class="article"><slot></slot></div>
    <div class="right"><slot name="aside"></slot></div>
  </div>
</template>

这是父组件的模板。我唯一真正需要的是.articlediv …

我正在构建一个将在所有设备上使用的vue Web应用程序.我有一些代码,我想只在小型设备或移动设备上执行.目前我在if条件下有代码$(window).width(),如下所示:

if ($(window).width() <= 768) {
  //My mobile specific code
}

有没有更好的方法或vue方式这样做？

编辑

例如,我有一个组件:

export default {
  data () {
    return {
      fade: false,
      showFilter: $(window).width() > 768
    }
  },
  components: { PrFilter, Pr },
  created () {
    if ($(window).width() <= 768) {
      bus.$on('pr-changed', () => {
        this.showFilter = false
        this.fade = false
      })
    }
  }
}

在另一个组件中,我有:

watch: {
  matchingPr: function (filteredPr) {
    if (filteredPr.length) {
      this.pr = filteredPr[0]
      if ($(window).width() <= 768) {
        bus.$emit('pr-changed')
      } …

如何在vim中运行cut命令并更改正在编辑的文件的内容.我试过以下但没有奏效.

:r ! cut -d ":" -f 1 % > %

以及它的一些其他变体.我想使用剪切编辑当前打开的文件,并想知道如何使用仅在vim内部切割来完成此操作.

我有 Java 客户端，它通过 HA 代理与 3rd 方服务对话。3rd 方服务最近发生了变化，所以现在它返回 302（临时移动）而不是 200（Ok），这会导致我的 java 客户端失败，因为它期望实际响应为 200。出于多种原因，我想避免对 Java 客户端进行任何代码更改。

那么，问题来了：有没有办法让 HA 代理自己跟踪重定向，并且只将结果（不是 3xx http 代码）返回给客户端？

还有一件事要提到：我通过 http 访问 HA 代理，HA 代理通过 https 访问 3rd 方资源，并在 https 上返回带有位置的 302。位置各不相同，因此无法将 HA 代理配置到新位置。

HA 代理版本： HA-Proxy version 1.7.5 2017/04/03

操作系统： CentOS Linux release 7.2.1511 (Core)