标签: vuejs2

我通过 vue.js 尝试此操作，但出现 date.getTime not function 错误。

var date = '22/11/2017 17:53'            
var milliseconds = date.getTime();
console.log(milliseconds)

我有一系列v-model与值绑定的复选框。

但是，当您进入该页面时，我需要预先选中一些复选框。我无法使用:checked绑定，因为我正在使用v-model并且我需要 v-model 将值传递给我的checkedNames数组。

<div id='example-3'>
  <input type="checkbox" id="jack" value="Jack" v-model="checkedNames" PRE-CHECK-THIS-CHECKBOX>
  <label for="jack">Jack</label>
  <input type="checkbox" id="john" value="John" v-model="checkedNames">
  <label for="john">John</label>
  <input type="checkbox" id="mike" value="Mike" v-model="checkedNames">
  <label for="mike">Mike</label>
  <br>
  <span>Checked names: {{ checkedNames }}</span>
</div>

new Vue({
  el: '#example-3',
  data: {
    checkedNames: []
  }
})

我是Vuejs的新手。我正在一个项目中，我必须在Vue组件中显示图像。在我的组件中，我正在显示如下图像：

<img src="./../../images/back-arrow.png">

然后建成后不显示。当我检查我的代码时，它显示了不同的地址，如下所示：

<img src="/js/back-arrow.png?c4a414352d997e4618088074e1da917a">

我的文件夹结构是：

• 资产
  • 组件
    • VueTemplate.vue //这是我展示图片的地方
  • 图片
    • back-arrow.png
  • js // npm运行构建位置

我不知道为什么会改变，有人可以帮我吗？TIA

我的webpack配置：

var path = require('path')
var webpack = require('webpack')

module.exports = {
  entry: './admin/assets/main.js',
  output: {
    path: path.resolve(__dirname, 'admin/js'),
    publicPath: '/js/',
    filename: 'graphs-lite-admin.js'
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          'vue-style-loader',
          'css-loader'
        ],
      },
      {
        test: /\.scss$/,
        use: [
          'vue-style-loader',
          'css-loader',
          'sass-loader'
        ],
      },
      {
        test: /\.sass$/,
        use: [
          'vue-style-loader',
          'css-loader',
          'sass-loader?indentedSyntax'
        ],
      },
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: …

是否有一个简单的解决方案可以用来从我的v-for循环中删除重复项，循环遍历 JSON 数据。

我正在使用它来填充 Select 选项，而不想导入https://lodash.com/docs#uniq

有问题的 Codepen：https : //codepen.io/anon/pen/JaZJmP?editors = 1010

谢谢

我只想v-if在同一个div中使用2个不同的,如下所示:

其实我有这个代码:

<div class="o-overlay" v-if="show">
    <div class="o-overlay__bg" @click="hide"></div>
</div>

我希望有类似的东西:

<div class="o-overlay" v-if="show" v-if="visible">
    <div class="o-overlay__bg" @click="hide"></div>
</div>

我是 javascript 新手，特别是 vue js。我找到了 3 个“框架” cmiiw来使用 vue.js 构建本机应用程序。1. Native Script (使用 vue.js) -> https://www.nativescript.org 2. Vue Native -> https://vue-native.io/ 3. NativeScript-Vue -> https://nativescript- vue.org/

您对这三个“框架”有何看法？哪一个最适合构建本机应用程序。

我有这个 View.JS 应用程序，我目前正在其中显示来自 JSON 的对话线程。目前的代码如下所示：

const app = new Vue({
  el: "#app",
  data: {
      messages:[
      {
      name: "Support",
      message: "Hey! Welcome to support"
      },
      {
      name: "Me",
      message: "Hello there!"
      },
      {
      name: "Support",
      message: "What can I do for you?"
      }
],
  },
  template: `
    <div>
      <p v-for="message in messages"><b>Name: </b>{{message.name}} </br><b>Message: </b>{{message.message}}</br></p>
    </div>
  `
})

现在我想将这些数据保存在外部 JSON 文件（在同一目录中称为“data.json”）并具有相同的输出。关于我如何做到这一点的任何想法？

我想动态获取当前位置的纬度和经度。有没有任何插件或自定义代码可以做到这一点？

水果= [“芒果”，“苹果”，“松树”，“浆果”];

如果我想明智地删除元素索引，如何使用javaScript做到这一点，也可以根据需要使用库。

我输入 vue create“项目名称”，它正在安装软件包很长一段时间。

没有错误消息，它只是继续安装软件包

通过以下代码，我能够获取保存在本地存储中的数据：

this.order = JSON.parse(localStorage.getItem('order'));

现在，如果我进行console.log，则order变量如下所示：

[
  {id: 1, title: 'Title 1'},
  {id: 2, title: 'Title 2'},
]

如何创建一个仅在VueJs或JavaScript中存储order数组的ID的数组？

作为最终结果，我想要一个像这样的数组：

newArray = [1,2];

我尝试了以下方法：

for(var i = 0; i<=this.order.length; i++){
    this.newArray.push(this.order[i]);
}
console.log(this.newArray);

当我在控制台中查看时，它给我未定义的信息。

我拥有一个如下所示的数组的正确方法是什么？

newArray = [1,2];

如何将 Django 与 VueJs 集成？集成 Django 和 VueJs 的标准方法是什么？谁能提供项目结构和学习参考