nuxtjs引入jquery

2020-12-01 16:25:32

方法一

安装 jquery 包

npm install --save jquery

配置 nuxt.config.js

const webpack = require('webpack')

module.exports = { build: { plugins: [ new webpack.ProvidePlugin({ '$' : 'jquery' }) ] }, plugins: [] }

组件中使用

mounted () {

$("body").append("1");}

方法二：直接在 nuxt.config.js 中引入 jquery.min.js文件

head: {

script: [ { src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' } ]}

或者也可以在子组件内部引入。

2020-04-30 08:59:44

vue动态添加当前事件下的class
当点击目标事件的时候，目标事件下的目标元素，增加class，这样就实现了动态添加class。

2020-04-30 16:53:22

阿里云oss上传图片stsToken获得教程
给角色添加权限，根据自己需求，可以添加无数个，最重要的是添加AliyunSTSAssumeRoleAccess，可以搜索添加。

2020-05-06 18:46:06

Vue style里面使用@import引入外部css, 作用域是全局的解决方案
我们只需把@import改成<style src=""></style>引入外部样式，就可以解决样式是全局的问题

2020-05-06 22:23:15

使用querySelector添加移除style和class
document.querySelector(selector).style.styleName = 样式使用这个方法可以对dom节点添加和移除style样式，其中的styleName可以为css样式的任何值，如：display、color

2020-05-07 13:05:28

JavaScript中批量设置Css样式
setAttribute() 方法添加指定的属性，并为其赋指定的值。如果这个指定的属性已存在，则仅设置/更改值