Question

我已经使用vue.js创建了一个依赖的下拉列表，并集成了另外两个用于多选的jquery应用程序（select2和multi-select）。我遇到的麻烦是其他两个插件在启用vue js时不会运行[添加元素到select c.comment_id, c.comment_content, u.user_id, u.user_name, c.post_id from comments c join users u on u.user_id = c.user_id;]，当vue元素被删除时，两个插件都可以顺利运行。代码剪断。

Snippet

Answer 1

您的代码无效，因为您使用了v-if指令;它在条件满足时注入html或组件。使用v-show只需将css“display:none”内联到“display:block”

https://vuejs.org/v2/guide/conditional.html#v-if-vs-v-show

正如您使用v-if一样，该元素不会在dom上呈现。它不适用于jquery选择器来选择该元素这是工作示例

https://jsfiddle.net/gowdagold/2manp88k/7/

var region = new Vue({
  el: '#app',
    data: {
      first_value: '',
    },
    mounted() {

    },
    computed: {
      show() {
        console.log(this.first_value)
          if ('1' === this.first_value) {
            return true;
          } else
            return false;
          },
       hide() {
         console.log(this.first_value)
           if ('2' === this.first_value) {
             return true;
           } else
             return false;
           }
       }
    }
  });
$('#example').select2({
  placeholder: 'Select a month'
});

Answer 2

这是您可以在VueJS组件内使用其他插件的方式：

mounted: function() {
  $(this.$el).datepicker();
}

Vue.js禁用其他js插件

2 个答案: