小编Xqu*_*ick的帖子

vuejs 2如何从vuex中观察商店价值

我使用vuex和vuejs 2在一起.

我是新手vuex,我想看一个store变量.

我想watch在我的功能中添加功能vue component

这是我到目前为止:

import Vue from 'vue';
import {
  MY_STATE,
} from './../../mutation-types';

export default {
  [MY_STATE](state, token) {
    state.my_state = token;
  },
};
Run Code Online (Sandbox Code Playgroud)

我想知道是否有任何变化 my_state

我如何store.my_state在我的vuejs组件中观看?

javascript vue.js vuex vuejs2

129
推荐指数
15
解决办法
13万
查看次数

如何在VueJs中添加动态属性

我正在使用vuejs,我想知道如何控制输入(必要时添加禁用属性).有没有办法在vuejs中添加动态属性?在我的Textfield组件下面:

    <template>
     <input type="text" placeholder="{{ placeholder }}" v-model="value">
    </template>
    <script>
    export default  {
      props: {
       disabled: {type: Boolean, default: false},
       placeholder: {type: String, default: ""},
       value: {twoWay: true, default: ""}
      }
     }
    </script>
Run Code Online (Sandbox Code Playgroud)

用法:

<textfield placeholder="Name" value.sync="el.name" :disabled="true"></textfield>
Run Code Online (Sandbox Code Playgroud)

javascript dynamic vue.js vue-component

35
推荐指数
3
解决办法
5万
查看次数

Vuejs 2 +表单验证

由于vue-validator https://github.com/vuejs/vue-validator正在为Vuejs 2做好准备,实现前端验证的最佳方法是什么?

更新我发现这个很棒的插件 Vee Validate

javascript forms validation vue.js vuejs2

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

VueJs - Animate数字更改

我希望使用VueJs为数字更改设置动画.

例如,我有:

{{ number }}
Run Code Online (Sandbox Code Playgroud)

然后number从改变0到100,我希望元素计数100而不是直接跳到它.

如果不使用除VueJs之外的任何第三方(纯Js/VueJs),我该如何做到这一点?

javascript animation vue.js

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

VueJS组件无法渲染

我有一个非常基本的vueJS应用程序,我正在关注该网站.

这是代码,为什么组件不呈现?

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <p>{{ message }}</p>
</div>

<div>
<ol>
  <todo-item></todo-item>
</ol>
</div>
Run Code Online (Sandbox Code Playgroud)

JS

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})

Vue.component('todo-item', {
    template: '<li>This is a list item</li>'
})
Run Code Online (Sandbox Code Playgroud)

javascript rendering vue.js vue-component

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

Vuejs - 在vuejs中获取语义日历的价值

我使用语义ui日历与Vuejs结合来获得价值.在使用datepicker选择日期后,此日历未设置该值.所以我无法通过Vuejs保存日期.这是我的HTML:

<div class="ui calendar" id="date">
    <div class="ui input left icon">
         <i class="calendar icon"></i>
         <input type="text" v-model="input.date">
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我的Vuejs:

var app = new Vue({
    el: "#app",
    data: {
        input: {
            unique_number:"",
            date: "",
            description: ""
        },
            inputErrors: []
    }
});
Run Code Online (Sandbox Code Playgroud)

任何的想法 ?

javascript datepicker semantic-ui vue.js

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

VueJs - 前置到数组

我正在尝试将数据添加到VueJs中的数组:

number: [

],

this.number.push({
    number: 1
})
Run Code Online (Sandbox Code Playgroud)

我如何前置而不是附加?

javascript arrays vue.js

6
推荐指数
1
解决办法
6949
查看次数

VueJS复选框模型整数数组

我对 VueJS 1.0 有问题,这种行为在 VueJS 2.0 中有效。在 VueJS 1.0 中,如果我有一个整数列表并绑定了一个复选框 v-model,则整数列表将不会映射为已选中的属性。

这是 HTML

<div id="app">
  <div class="col-sm-offset-3 col-sm-4 clearfix text-center">
    <h4>On Each Day of The Week</h4>
    <label class="checkbox-inline">
      <input type="checkbox" id="inlineCheckbox1" v-model="schedules[0].by_days" value="1"> M
    </label>
    <label class="checkbox-inline">
      <input type="checkbox" id="inlineCheckbox2" v-model="schedules[0].by_days" value="2"> Tu
    </label>
    <label class="checkbox-inline">
      <input type="checkbox" id="inlineCheckbox3" v-model="schedules[0].by_days" value="3"> W
    </label>
    <label class="checkbox-inline">
      <input type="checkbox" id="inlineCheckbox4" v-model="schedules[0].by_days" value="4"> Th
    </label>
    <label class="checkbox-inline">
      <input type="checkbox" id="inlineCheckbox5" v-model="schedules[0].by_days" value="5"> F
    </label>
    <label class="checkbox-inline">
      <input type="checkbox" id="inlineCheckbox6" v-model="schedules[0].by_days" value="6"> Sa
    </label> …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vuejs2

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

VueJs条件车把

我正在尝试根据其文档在vueJs 2.0中使用车把使用VueJs条件渲染,但eslint回来了并且出现错误:

- avoid using JavaScript keyword as property name: "if" in expression {{#if ok}}
- avoid using JavaScript keyword as property name: "if" in expression {{/if}}
Run Code Online (Sandbox Code Playgroud)

VueJs似乎没有渲染它。

<!-- Handlebars template -->
{{#if ok}}
  <h1>Yes</h1>
{{/if}}
Run Code Online (Sandbox Code Playgroud)

javascript eslint vue.js

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

<ComponentName>标签上的IntelliJ CMD/CTRL + LMB在VueJS项目中不起作用

我有几个用VueJS编写的项目.我希望能够使用CMD/ CTRL+左键单击该元素,从HTML模板元素导航到它的component.vue文件.

我的观察是,当项目变得更大时,这个组件的导航停止工作(CMD/ CTRL+ LMB什么都不做),我不知道为什么.

你碰巧知道这个问题的解决方案吗?

intellij-idea vue.js

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

未找到 Flutter shared_preferences 模块 - iOS Xcode 构建

我shared_preferences在 Flutter 中使用依赖项。

构建 Xcode (Product->archive - for Generic target) 失败

module 'shared_preferences' not found
Run Code Online (Sandbox Code Playgroud)

在 Xcode 中构建失败

我尝试过flutter clean,flutter pub cache repair尝试将 Flutter lib/ 移动到新项目 ( flutter create .) 中,并且我使用较旧的 Xcode 版本 (11.4.1) 进行构建。目前我有 12.0 beta 3。

奇怪的是,在我的 IDE (IntelliJ) 中的 Emulator 中运行可以正常工作,没有错误。

IDE Emulator dart main 运行正常

这些是我的依赖项(pubspec.yaml)

dependencies:
  flutter:
    sdk: flutter
  http: ^0.12.2
  intl: any
  flutter_spinkit: ^4.1.2
  redux: any
  flutter_redux: any
  redux_thunk: any
  shared_preferences: 0.5.1+2
Run Code Online (Sandbox Code Playgroud)

xcode sharedpreferences ios flutter

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

将 Django 与 VueJ 集成

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

javascript django django-rest-framework vue.js vuejs2

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