vue.js - Bộ lọc Vue được di chuyển từ vue 1 sang vue 2

In lại 作者：搜寻专家 更新时间：2023-10-30 22:12:26 29 4

Vue.component('demo-grid', {
  template: '#grid-template',
  đạo cụ: {
    filterKey: String
  },
  data: function () {
    trở lại {
     searchParams: [
     { key: '' }
     ],
      suggestions: [
        { message: 'Foo' },
        { message: 'Bar' },
        { message: 'Foobar' },
        { message: 'pikachu' },
        { message: 'raichu' }
      ]
    }
  },
  filters: {
    highlight: function(words, query){
        var iQuery = new RegExp(query, "ig");
        return words.replace(iQuery, function(matchedTxt,a,b){
            return ('' + matchedTxt + '');
        });
    }
  }
})


// bootstrap the demo
var demo = new Vue({
  el: '#demo'
})

Vue.component('demo-grid', {
  template: '#grid-template',
  đạo cụ: {
    filterKey: String
  },
  data: function () {
    trở lại {
      suggestions: [
        { message: 'Foo' },
        { message: 'Bar' },
        { message: 'Foobar' },
        { message: 'pikachu' },
        { message: 'raichu' }
      ]
    }
  },
  phương pháp: {
    highlight: function(words, query) {
      var iQuery = new RegExp(query, "ig");
      return words.replace(iQuery, function(matchedTxt,a,b){
          return ('' + matchedTxt + '');
      });
    }
  }
})

new Vue({
  el: '#demo',
  dữ liệu: {
    searchParams: {
      key: '',
    },
  },
});

29 4 0

• vue.js - Bộ lọc Vue được di chuyển từ vue 1 sang vue 2

  Tôi gặp sự cố khi di chuyển các bộ lọc từ vue 1 sang vue 2, ở đây tôi đã tạo chính xác những gì tôi cần (đánh dấu văn bản khớp với văn bản đầu vào): Vue.comComponent('demo-grid', { templa

• vue.js - hàm ngoài vue, truyền dữ liệu vào vue

  Tôi có một hàm chạy bên ngoài thành phần vue. Tôi muốn truyền dữ liệu mà nó trả về dữ liệu trong thành phần vue. hàm ví dụ(){ var item = 'item'

• vue.js - Vue plugin - Vue được xác định nhưng không bao giờ được sử dụng

  Tôi đang cố gắng cài đặt plugin Vue để có thể quản lý một số lệnh gọi API bằng các tùy chọn. Tôi có tệp stock.js mà tôi muốn thực hiện lệnh gọi API. Khi tôi làm như sau tôi nhận được 'Vue được xác định b

• vue.js - Truy cập chỉ thị Vue Phiên bản Vue?

  Làm cách nào để truy cập phiên bản Vue từ lệnh? Tôi có HTML này và tập lệnh này var app = new Vue({ el: '#vueApp', data: { myData:

• vue.js - Sử dụng Vue.set() và Vue.use() trong tệp .vue

  Làm cách nào để sử dụng Vue.set() và Vue.use() trong tệp .vue? Tôi đang sử dụng vue-cli để xây dựng dự án của mình và tôi cần sử dụng Vue.use(VeeValidate) để xác minh. Tôi cũng muốn sử dụng một cái gì đó như sau

• javascript - nhập {Thành phần, Vue } từ "vue-property-trang trí" hoặc nhập Vue từ "vue"

  Sự khác biệt và trường hợp sử dụng giữa việc nhập Vue từ vue-property-trang trí và vue là gì? Theo những gì tôi biết, khi xác định một thành phần tùy chỉnh bằng cách sử dụng trình trang trí @Component, tôi luôn cần định cấu hình nó từ vue-property

• vue.js - Cách tải lại các plugin Vue cục bộ trong ứng dụng Vue cục bộ?

  Có cách nào để sử dụng phân phối sợi (có thể sử dụng webpack/vuetify-loader) để xảy ra quá trình tải lại nóng trên các phần phụ thuộc npm cục bộ của ứng dụng Vuetify cục bộ không? Trường hợp kinh doanh Chúng tôi có một số Vuet chung

• vue.js - Các khe Vue không hoạt động trong các trường hợp hiếm gặp và không thể đoán trước (lỗi vue tiềm ẩn?)

  Tôi gặp một lỗi lạ khiến khe cắm trở nên không đáng tin cậy trong một số trường hợp không xác định. Thành phần có 3 thành phần phân cấp. Grandchild (headlessTable), cung cấp một vị trí có tên arrayValue Child (collapsableCard)

• vue.js - Tôi có thể nhập và sử dụng các thành phần Vue trong các thành phần gốc Vue không?

  Tôi mới sử dụng Vue bản địa và tôi cũng gặp phải một vấn đề, tôi có thể sử dụng thành phần Vue bên trong thành phần gốc Vue như Vue-chart và không

• vue.js - Vue 3 - Vue.delete thay thế

  Sự thay thế cho Vue.delete là gì? Trong API phản ứng mới của Vue 3? Câu trả lời hay nhất Vue.delete và Vue.set không cần thiết trong Vue 3. Bằng cách phản ứng mới bằng proxy

• vue.js - Vue 3: Vue.createApp không phải là hàm tạo

  Tôi mới làm quen với Vue và đang cố gắng học cách sử dụng nó. Tôi nghĩ rằng tôi đã gặp rắc rối khi cố gắng cài đặt ứng dụng Vue mới. Đây là những gì tôi có thể làm: const vm = new Vue({}) Từ đó tôi có thể cài đặt

• vue.js - Vue js, bootstrap-vue. Hiệu ứng chuyển tiếp không hợp lệ trong bảng

  Tôi sử dụng boot-vue. Tôi đã lấy nó từ tài liệu https://bootstrap-vue.js.org/docs/comComponents/table/#table-body-transition-support

• vue.js - Jest +vue: "Không thể tìm thấy mô-đun ....vue"

  Tôi thực sự chỉ muốn xây dựng khung công tác jest+vue cho thư viện của mình và nhanh chóng gặp phải lỗi này. Tôi biết cấu trúc này không phải là cấu trúc trò đùa thông thường, ở đây tôi đang cố gắng mô tả một bài kiểm tra bằng cách sử dụng điều khiển phụ. Đây là thư mục nội dung của test:array của tôi

• vue.js - Cách định cấu hình bộ định tuyến Vue khi sử dụng Vue chỉ chạy trong thời gian chạy

  Tôi đang cố gắng sử dụng vue-router dựa trên các ví dụ như let các tuyến = [ { path: '/', thành phần: MainComponent }, ];

• vue.js - Thành phần mô-đun Vue phát hiện phiên bản Vue.js?

  Tôi có một thành phần mà tôi muốn xuất bản lên NPM thông qua hàm v-model đơn giản. Vì vậy sẽ lý tưởng hơn nếu nó có thể chạy thay thế cho nhau trên vuejs 2/3. Tôi có thể làm điều này bằng cách đặt thành phần phát ra đầu vào và cập nhật: mod

• vue.js - Vue và Bootstrap Vue - sử dụng slot một cách linh hoạt

  Tôi đang cố gắng tạo một vị trí trong bảng bootstrap-vue để hiển thị bất kỳ giá trị bool nào bằng cách sử dụng thành phần tùy chỉnh. Vì vậy, bây giờ tôi có một bảng đơn giản nếu tôi muốn hiển thị một cột theo một cách cụ thể, tôi phải sử dụng các vị trí mà nó có

• vue.js - Định tuyến Vue trước khi tạo phiên bản Vue chính

  Bộ định tuyến Vue được tải trước phiên bản Vue chính, nhưng để tải Bộ định tuyến này, tôi nên chuẩn bị một số thông tin và chuyển chúng dưới dạng thuộc tính cho Tuyến này. Trong ví dụ này, đó là dòng điện được truyền từ phiên bản Vue chính đến màn hình chính

• vue.js - Thành phần mô-đun Vue phát hiện phiên bản Vue.js?

  Tôi có một thành phần mà tôi muốn xuất bản lên NPM thông qua hàm v-model đơn giản. Vì vậy sẽ lý tưởng hơn nếu nó có thể chạy thay thế cho nhau trên vuejs 2/3. Tôi có thể làm điều này bằng cách đặt thành phần phát ra đầu vào và cập nhật: mod

• vue.js - Cách tích hợp Vue Router với Vue

  Tôi tìm thấy một ví dụ tuyệt vời về cách sử dụng Vue Router. Đây là tệp app.js: // Yêu cầu Vue sử dụng bộ định tuyến Vue.use(VueRouter) // Init

• vue.js - Làm cách nào để chuyển tham số từ phần tử tùy chỉnh vue sang thành phần vue?

  Tôi không có ứng dụng vue đầy đủ, vì vậy tôi đang sử dụng các phần tử tùy chỉnh để thay thế một số phần tử cần được xử lý bằng vue. Tôi chỉ muốn sử dụng plugin vue multiselect trong tệp html. vậy nên tôi nếm thử