Question

我想在vue.js / Webpack中使用带有TypeScript应用程序的jQuery插件。

我读到最好将插件包装在自定义的Vue组件中。

我安装了NPM软件包：

using System.Linq;

我的组件

npm install jquery --save
npm install @types/jquery --save
npm install chosen-js --save
npm install @types/chosen-js --save

在没有 import'chosen-js'的情况下，jQuery正常工作-当我在另一个组件中使用该组件时，会获得控制台输出。

使用 import'chosen-js'，我只能从所选的库中获取<template> <select> <option value="1">Test1</option> <option value="2">Test2</option> </select> </template> <script lang="ts"> import { Component, Prop, Vue } from "vue-property-decorator"; import $ from 'jquery'; import 'chosen-js'; @Component export default class ChosenSelect extends Vue{ @Prop()options!:string; @Prop()value!:string; mounted() { let vm = this; let el = $(vm.$el); console.log(el); } } </script>。

导入jQuery和selected-js并将其在vue Typescript组件中使用的正确方法是什么。

Answer 1

感谢https://medium.com/@NetanelBasal/typescript-integrate-jquery-plugin-in-your-project-e28c6887d8dc

首先，安装jquery

val temp = cases

然后在您的任何组件中添加它。

AsyncTask.execute{}

通过执行类似的操作来检查jquery是否有效

npm install jquery --save
npm install @types/jquery --save

有时您需要等待dom加载才能完成您的jquery事情。

import * as $ from 'jquery';

Answer 2

我建议使用特定于Vue的选择插件，而不必依赖基于jQuery的插件，该插件在DOM操作方面有点违反了使用Vue之类的目的。其中大多数已经引入了自己的组件，因此无需创建包装器。

这里维护了很多Vue资源，而不仅仅是插件：awesome-vue

Vue / Webpack / Typescript-如何使用jQuery插件

2 个答案: