国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

您的位置:首頁技術文章
文章詳情頁

javascript - vue中如何使用mobiscroll插件

瀏覽:135日期:2023-04-06 09:04:35

問題描述

項目中需要將以前的jquery換成vue實現,之前的代碼使用mobiscroll實現的,現在把之前的插件js都放在了index.html下面了,但是在首頁卻總是報Error in mounted hook: 'ReferenceError: mobiscroll is not defined'。是該插件不支持vue嗎?總是報mobiscroll這個方法不存在,我用webstrom確實能點到插件里面的,所以依賴不是問題。js插件是放在index.html下引入的,沒有用npm報錯代碼是:initPage(){

var currYear = (new Date()).getFullYear();mobiscroll.settings$(’#dataTime’).mobiscroll().date({ theme : 'android-holo', mode : 'scroller', display : 'bottom', lang : 'zh', dateFormat : ’yyyy-mm-dd’, defaultValue : new Date(new Date().setFullYear(currYear - 30)), startYear : currYear - 70, endYear : currYear + 10});$('.checkbox-span').click(function() { var idname = $(this).attr('id'); console.log(idname) if (idname == 'xz-checkbox') { $(this).removeAttr('id'); $('.main-btn').attr('disabled', 'disabled'); $('.main-btn').css('background', '#CCCCCC'); } else { $(this).attr('id', 'xz-checkbox'); $('.main-btn').removeAttr('disabled'); $('.main-btn').css('background', ''); }})$('.radio-p').click(function() { $('.radio-p').removeAttr('id'); $('.radio-span').html(''); $(this).attr('id', 'xz-radio-p'); $(this).children('.radio-span').html('<span></span>') $('#userinfo').find('input[name=’sex’]').val($(this).data('sex'));}) },

問題解答

回答1:

npm install exports-loader //下載webpack loader插件

將mobiscroll插件(包括css)放在common下的js文件夾中

在需要調用Mobiscroll的組件中調用

require(’exports?$=jQuery!../../Common/js/mobiscroll.js’)

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 黄浦区| 安陆市| 揭东县| 察隅县| 罗甸县| 勐海县| 东乡县| 漯河市| 息烽县| 永兴县| 淮安市| 乳源| 苗栗县| 梓潼县| 盐边县| 荥经县| 赤壁市| 洛阳市| 广昌县| 开原市| 兰考县| 新绛县| 南充市| 福建省| 襄汾县| 道真| 建平县| 灵山县| 淮安市| 太谷县| 南丰县| 兰州市| 东兰县| 剑川县| 盘山县| 巧家县| 清镇市| 宁化县| 阳泉市| 新源县| 新郑市|