小编Joh*_*son的帖子

Vuejs - 自动event.preventDefault()

现在,我需要event.preventDefault()在我的Vue.js按钮中添加所有点击事件:

<button class="btn btn-primary" v-on:click="someAction($event)">Action</button></p>

methods: {
 someAction (e) {
   e.preventDefault()
   console.log('in some action')
 },
}
Run Code Online (Sandbox Code Playgroud)

有没有人知道某种方式event.preventDefeault()是默认设置?现在,必须event.preventDefault()在每个点击事件中包含它是非常烦人的.

提前致谢!

preventdefault vue.js

8
推荐指数
1
解决办法
1万
查看次数

设置初始vuetify v选择值

有人可以帮我设置默认值v-select吗?需要注意的是,我v-select的对象很多,我认为这可能是为什么item-value无法将我的期望值分配给我的原因:

<v-select
  item-text="name"
  v-model="defaultSelected"
  :items="people"
>

Vue.use(Vuetify);

const vm = new Vue({
  el: "#app",
  data: {
    defaultSelected: {
      name: "John",
      last: "Doe"
    },
    people: [
      {
        name: "Harry",
        last: "Potter"
      },
      {
        name: "George",
        last: "Bush"
      }
    ]
  }
});
Run Code Online (Sandbox Code Playgroud)

预期:

最初v-select应该是John

实际:

首字母v-select为空白。这是一个小提琴供参考:

https://jsfiddle.net/tgpfhn8m/734/

有人可以帮忙吗?提前致谢!

javascript vue.js vuetify.js

7
推荐指数
2
解决办法
3万
查看次数

Vue.js-发射更新数组不起作用

我有两个部分:父母和孩子。父级有一个cars子级数组,应该将对象推入该cars数组。我的问题是我的Child组件变成cars了一个对象,而不是将一个对象推入cars数组。我的父母部分:

<template>
   <child v-model="cars"></child>
    <ul>
      <li v-for="car in cars">
         {{ car.model }}
      </li>
    </ul>
</template>

export default {
 data: function() {
  return {
    cars: []
  }
 }
}
Run Code Online (Sandbox Code Playgroud)

我的孩子组件:

<template>
    <div>
        <button type="button" @click="addCar()">Add Car</button>
    </div>
</template>

export default {
    methods: {
        addCar() {
            this.$emit("input", { model: "some car model" })
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

预期成绩:

cars 更新并成为 [{ model: "some car model"}, { model: "some car model"}, etc...]

实际结果:

cars 成为一个对象 {model: …

javascript emit vue.js

5
推荐指数
1
解决办法
3784
查看次数

已验证的 AWS 简单电子邮件服务显示欺骗警告

myemail@gmail.com在 AWS Simple Email Service 上验证了我的电子邮件地址 - 但当我给自己发送电子邮件时,我收到警告:

\n
Be careful with this message\n\nThis may be a spoofed message. The message claims to have been sent from your account, but \nGmail couldn\xe2\x80\x99t verify the actual source. Avoid clicking links or replying with sensitive\ninformation, unless you are sure you actually sent this message. (No need to reset \nyour password, the real sender does not actually have access to your account!)\n
Run Code Online (Sandbox Code Playgroud)\n

如果电子邮件从任何其他地址发送myemail@gmail.com,则不会出现警告。myemail@gmail.com但如果电子邮件我收到警告myemail@gmail.com

\n

有谁知道为什么会这样?我尝试查看 …

email amazon-web-services amazon-simple-email-service

5
推荐指数
1
解决办法
860
查看次数

如何在visual studio代码launch.json文件中运行npm脚本

我正在尝试在 Visual Studio 代码的 launch.json 文件中运行以下 npm 脚本:

nodemon src/shim-host/index.js --exec babel-node --babel-preset-es2015

到目前为止我在我的launch.json文件中的尝试:

"program": "nodemon src/shim-host/index.js --exec babel-node --babel-preset-es2015",

但是,我收到错误 "Attribute 'program' is not absolute'"

有人可以帮忙吗?

提前致谢!

javascript node.js npm visual-studio-code

4
推荐指数
1
解决办法
2741
查看次数

如何使用 async/await 在 node.js 中异步 createReadStream

我无法使用fs.creadReadStream异步处理我的 csv 文件:

async function processData(row) {
    // perform some asynchronous function
    await someAsynchronousFunction();
}

fs.createReadStream('/file')
    .pipe(parse({
        delimiter: ',',
        columns: true
    })).on('data', async (row) => {
        await processData(row);
    }).on('end', () => {
        console.log('done processing!')
    })
Run Code Online (Sandbox Code Playgroud)

我想在createReadStream到达之前逐条读取每条记录后执行一些异步功能on('end')

但是,在on('end')我的所有数据完成处理之前就被命中了。有谁知道我可能做错了什么?

提前致谢!

stream node.js async-await

3
推荐指数
2
解决办法
4563
查看次数