B VUE系列 四：引用第三方組件(續)

ydui 是第一次使用vue相關的插件，引入的時候，廢了一點勁，總算出來了效果~~簡單記錄

就按 官網說的 按需引入 放在 mian.js中 

注意；官網提示的 按需引入 --另需導入重置基礎樣式  沒有必要 ，就是幾個重置css屬性！！

感覺時間組件不友好，還是換個其他的插件吧！！

用的最多也是最熟悉的也就是 jquery-weui 

那就引用jquery-weui 來實現效果！！！

注意； jquery-weui 也出版了 vue版本--vum  https://github.com/vum-team/vum，但我們用的是1.x版本，百度一下，竟然有相關的博客！！！

按照相關的 說明操作一遍。

呵呵~~能出現效果才怪！！！，網上還竟然很多一樣的此文章！！

既然不能出現效果：那就自己動手解決問題！~~

通過上面截圖中的代碼，不難發現，其實就是從 node_modules 中靜態的引入，既然是靜態引入 那還缺少css的 ！！！

所以 我們再把相關的css引入一遍 即可：：：：：

到此時 。想要的效果就可以實現了~~~

但是 遇到一個問題： 

像之前那樣在 mounted 中放入代碼，不起作用！

mounted(){
  $("#start").datetimePicker({
                title: '請選擇時間',
                min: "1990-12-12",
                max: "2222-12-12 12:12",
                monthNames:"",
                times:function(){
                },
                parse: function(date) {
                    return date.split(/\D/).filter(function(t) {
                        return !!date
                    });
                },
                onOpen:function (values) {
                    $("#state").val(values.value[0]+'-'+values.value[1]+'-'+values.value[2])
                }
            });
}
//放在 mounted中不起作用， 那么嘗試用 點擊事件 觸發
//點擊 事件 可以觸發。但是 頁面刷新后，第一次點擊沒出效果，第2次以后的才正常

然后 嘗試 給 input 加 點擊事件------出現一個問題  

 頁面刷新后，第一次點擊沒出效果，第2次以后的才正常

來重點了。為什么第一次點擊沒效果~~~~

應該是在 初始化插件！！！！

那就 初始化試試！！

初始化方法一： 在method中 初始化方法，在created鈎子 中調用！！！不起作用

初始化方法二：在method中 初始化方法，將調用代碼放在  this.$nextTick(() => { /* code */｝) 好用了

 

至此：jquery-weui  的jquery版本已經可以使用了。（注意這玩意的css 對之前的初始化css樣式有影響！！！）

后續 添加 記錄其他插件 遇到的問題！！！

 

 

 

 

666