小编Jar*_*vis的帖子

如何使用vue js检查组件中数据何时自行更改?

我有自己改变数据的方法,简单的例子:

Vue.component('component', {
  template: '#component',
  data: function () {
    return {
      dataToBeWatched: ''
    }
  },
  methods: {
    change: function (e) {
      var that = this;
      setTimeOut(function() {
        that.dataToBeWatched = 'data changed';
      }, 2000);
    },
    makeSmthWhenDataChanged: function () {
      // ajax request when dataToBeWatched changed or when dataToBeWatched isn't empty
    }
  }
});
Run Code Online (Sandbox Code Playgroud)

如何使用正确的方法vue js创建这样的观察者?或者我需要在组件中使用道具观看?

javascript methods components vue.js

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

如何限制vue-select中的选定项目?

我将vue-select用于多个值。这是一个示例:https : //codepen.io/sagalbot/pen/opMGro

我有以下代码:

<v-select multiple v-model="selected" :options="options"></v-select>
Run Code Online (Sandbox Code Playgroud)

和JS:

Vue.component('v-select', VueSelect.VueSelect)

new Vue({
  el: '#app',
  data: {
    selected: ['foo','bar'],
    options: ['foo','bar','baz']
  }
Run Code Online (Sandbox Code Playgroud)

谢谢!

javascript vue.js vue-select

0
推荐指数
1
解决办法
2079
查看次数

标签 统计

javascript ×2

vue.js ×2

components ×1

methods ×1

vue-select ×1