草庐IT

vue插件

全部标签

javascript - 将 iCheck(jQuery 插件)应用于动态创建的复选框

我用的是神奇的iCheck用于在我的表单中设置我的复选框样式的插件。使用该插件,我只需调用$('input').iCheck()即可应用所需的外观和功能。但是,我一直坚持在动态创建的复选框上调用.iCheck()函数。在ajax调用中,我在成功函数中按如下方式构建复选框;这是在$.eachblock中,但为了简单起见,我只在语句中包含了代码。varchk=$(''+n.Title+'');el.append(chk);el是DOM树中已经存在的ID为container的div,n是我作为JSON返回的对象在构建复选框后,我调用了$('#containerinput').iCheck()

javascript - Vue.js 输入框在输入一个字符后失去焦点

我有一个带有输入字段的View,它可以与给定的按钮相乘。问题是在输入任何一个字符之后,输入字段的焦点就会丢失。您必须再次单击才能输入另一个字符。有人知道可能是什么问题吗?我的模型:'model':[...,'filter':[...,'something':['string']]]我的代码: 最佳答案 问题是您正在使用一个不断变化的值作为key。Vue期望key指示项目的唯一标识符。当您更改它时,它会成为一个新项目,必须重新渲染。在下面的代码片段中,我有两个循环,都使用相同的数据源。第一个是按照您设置的方式键入的。第二个使用inde

在vue3+vite项目下按需引入vant报错Failed to resolve import解决方案

在vue3+vite项目下按需引入vant报错Failedtoresolveimport解决方案问题描述原因分析解决方案问题描述近日尝试使用vite+vue3+vant开发项目过程中,参考vant官网开发指南->快速上手->引入组件按照上述配置好后,运行vite环境报错:Failedtoresolveimport原因分析根据报错信息,发现是vant的样式引入路径不对。程序解析为:项目路径/node_modules/vant/lib/vant/es/组件/style实际应该是:项目路径/node_modules/vant/lib/vant/es/组件/style多了一个vant/lib路径。解决

javascript - Babel - 使用 transform-async-to-generator 插件时未定义 regeneratorRuntime

我无法正确设置babel以使用async/await。我正在使用babel7和webpack4。如果可能,我不想使用babel-polyfill!我的babelrc文件:{"presets":[["@babel/env",{"modules":false}]],"plugins":["syntax-dynamic-import","transform-async-to-generator"]}代码:asyncfunctioninit(){constloaderData=awaitinitLoader();initCmp(loaderData).then(initApi(loaderDa

javascript - Vue - 无法在 promise 中设置未定义的属性

所以我有以下Vue文件:0exportdefault{data:function(){return{notifications:[],message:"",}},methods:{loadData:function(){Vue.http.get('/notifications').then(function(response){console.log(response.data);//this.notifications=response.data;//this.notifications.push(response.data);this.message="Thisisamessage

javascript - 如何测试从 VueX 观察计算属性的 Vue 观察者?

假设我有以下组件:import{mapState}from'vuex';importexternalDependencyfrom'...';exportdefault{name:'Foo',computed:{...mapState(['bar'])},watch:{bar(){externalDependency.doThing(this.bar);}}}测试时,我想确保externalDependency.doThing()像这样用bar(来自vuex状态)调用:it('shouldcallexternalDependency.doThingwithbar',()=>{constw

javascript - 获取与 almond.js 一起使用的 RequireJS 异步插件

我阅读了以下内容article关于如何获取Googlemap,以及gmaps.js与RequireJS一起工作。然而,当我构建我的项目时,RequireJS被替换为Almond。在上面的文章中,它指出Almond不能与RequireJS异步插件一起使用。如果没有异步插件,Google的依赖项将不会加载,并且gmaps.js会抛出错误。有没有办法解决这个问题,并且仍然在使用Almond而不是RequireJS的项目中加载Googlemap代码? 最佳答案 是的,我也在找这个。它说无法加载动态库。我想您必须在本地下载它。

javascript - 如何从另一个 javascript 文件初始化插件

我有以下fiddle。单击“滚动”按钮时,是否可以调用插件内的scrollTest函数?现在我再次调用整个test(),因此每次我单击滚动按钮时它都会创建一个新的测试对象。我的代码[fiddledemo](function($,win,doc){'usestrict';$.fn.test=Plugin;$.fn.test.Constructor=Test;functionPlugin(){returnthis.each(function(){newTest(this);});}//TREECLASSDEFINITION//=====================functionTes

javascript - 我可以在打印 HTML 页面时使用 scoped CSS 吗? (使用 Laravel 和 Vue.js)

我应该将作用域CSS放在我的主文件中,还是应该更改打印函数以适应组件的作用域CSS?第二种情况,JS函数应该怎么改?我将Laravel5与许多Vue组件一起使用。在其中一个中,我有以下作用域CSStd.not-purchased{background-color:darkgrey;}td.not-assigned-here{background-color:lightgreen;}td.checkbox{margin-top:0;margin-bottom:0;display:inline-block;}tableth:nth-child(n+3),tabletd:nth-child(

javascript - 如何检查 Flash 插件在 Chrome 中是否被阻止

如何使用jquery或javascript检查flash插件是否在chrome中被阻止?我们可以使用下面的方法检查禁用的flash插件((typeofnavigator.plugins!="undefined"&&typeofnavigator.plugins["ShockwaveFlash"]=="object")||(window.ActiveXObject&&(newActiveXObject("ShockwaveFlash.ShockwaveFlash"))!=false));在Chrome中,您可以通过单击禁用单个插件来单独禁用插件。然后,如果我们单独禁用插件,则上述查询有效