vue集成jSignature签名组件1 vue集成jquer y
1.1 package.json⽂件中添加依赖组件
"dependencies": {
"jquery": "^3.3.1",
}
1.2 在webpack中设置⾃动注⼊js
plugins: [
new webpack.ProvidePlugin({  //引⼊jquery
$: "jquery",
jQuery: "jquery",
//'window.jQuery':'jquery',  //带window的似乎注不上
/
/'window.$':'jquery'
})
],
1.3 在vue中注⼊jquery （有⼀部分基于jquery的组件，使⽤的是window.$ 和window.jQuery）
【1】 创建jquery注⼊脚本，创建jquery-vendor.js
import $ from 'jquery'
window.$ = $
window.jQuery = $
export default $
【2】在vue中注⼊脚本
import $ from './commen/stylus/jquery-vendor.js'
2 vue集成jSignature
在jSignature包中包
flashcanvas.js
flashcanvas.min.js
flashcanvas.swf
以上3个⽂件是为了解决低版本的IE签名问题，⽬前不考虑
⽬前 只选择flict.js
2.2 vue 中加载jSignature⽂件
jquery是什么功能组件
import './commen/stylus/flict'
3 创建带jSignature的vue组件
html 部分
<div id="signature" ></div>  script部分
mounted(){
$("#signature").jSignature({color:"#f00",width:300,height:200,"background-color":"#0f0"});
},

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。