小编Ton*_*ony的帖子

刚刚完成了一个todolist教程.提交表单时,输入字段不会清除.

尝试两者后:

    document.getElementById("todo-field").reset();
    document.getElementById("#todo-field").value = "";

输入字段正确清除但它也删除了待办事项.

它似乎在有时间在todos.text数组中推送新的待办事项之前删除输入字段.

会喜欢一些输入家伙!谢谢!!

<template>
  <form id="todo-field" v-on:submit="submitForm">
    <input type="text" v-model="text">
  </form>
     <ul>
       <li v-for="todo in todos">
        <input class="toggle" type="checkbox" v-model="todo.completed">
        <span :class="{completed: todo.completed}" class="col-md-6">
            <label @dblclick="deleteTodo(todo)">
                {{todo.text}}
            </label>
        </span>

       </li>
     </ul>

<script>
  export default {
    name: 'todos',
      data () {
        return {
          text: '',
          todos: [
          {
      text:'My Todo One',
      completed: false
    },
    {
      text:'My Todo Two',
      completed: false
    },
    {
      text:'My Todo Three',
      completed: false
    }
  ]// End of array
}
  },
    methods: …

Safari并未呈现我在VueJS中构建的单页应用程序。

我花了2个星期来开发它。它包含根据用户单击显示或不显示的组件。以及通过“ v-for”元素呈现的数据对象。

在chrome中，所有功能都很完美！在mozilla中也...在野生动物园中，该列表未显示。野生动物园为什么不渲染任何东西？我什至无法调试。

我查找了类似polyfills的工作环境，但是这些东西似乎并没有得到Safari的支持。所以没有必要实施它们。

会喜欢一些支持或见识的人..如果没有解决方法，这意味着我必须回头用JS + Jquery进行构建吗？

提前致谢

我正在使用 vuetify 并尝试遍历包含我想作为背景应用的不同十六进制代码的 javascript 对象。

最终结果将如下所示：

我正在尝试将每个十六进制代码绑定到每个不同项目颜色的背景。

下面是我尝试做的事情：

<!-- Color Cards -->
           <v-container grid-list-md text-xs-center>
              <v-layout row wrap>
                <v-flex class="item" xs12 sm4 v-for="color in colors" :key="color.id">
                  <v-card  ripple hover class="">
                    <div  class="item-color"
                          v-for="(hex, index) in colors.hex"
                          :key="index"
                          :style="{ 'background-color': hex[index]}">
                    </div>
                    <v-card-text class="px-0">{{ color.title }}</v-card-text>
                  </v-card>
                </v-flex>
              </v-layout>
            </v-container>

这是数据对象：

export default {
      data () {
        return {
            colors: [
            {
              id: 'ssmf',
              hex: ['#297afb','#2898fb','#01d8fd'],
              title: 'Sleek, Sophisticated, Mature & Formal'
            },
            {
              id: 'hlfss',
              hex: ['#297afb','#2898fb','#01d8fd'],
              title: 'Honest, Loyal, …

当前按钮绑定到来自 v-for="book in books" 的数据。数据库中的 url 等于 www.google.com。

<md-button  v-bind:href="book.url"  target="_blank">SEE ORIGINAL</md-button>

但是当在本地主机上加载页面时，按钮重新定位到一个新页面，但带有链接“ http://localhost:8080/www.google.com ”。

我如何才能仅被重定向到“www.google.com”或如何让它不重定向到“ http://localhost:8080/ ”开头？

任何帮助将非常感激。

谢谢！