草庐IT

vue插件

全部标签

javascript - Vue 子组件属性不起作用

我正在尝试破解此代码[A](请参阅底部的fiddle):{{file.__progress}}%进入[B]基本相同的代码,但随后带有一个子组件。这里是父级:这里是child:{{file.__progress}}%在child身上我设置了file属性:props:{file:{type:File,required:true}},父子代码中一定存在问题,因为file__img属性在[B]中的子项(渲染时)中不存在,请参阅:,而它确实存在于[A]中:怎么了?控制台没有错误。原始([A])代码来自here.FileObject由一个xhr实例组成(我想?!)。这里是[A]的fiddle/沙盒

javascript - 如何通过 jQuery 插件拖放链接/页面?

您好,我正在做一个关于创建jQueryUI的self项目,以允许用户将链接/网页(特别是维基百科的文章)拖放到某种“管理器”(如Solitaire中的堆栈)。我希望添加各种功能,例如当用户将Wikipage拖放到UI时,例如分组项目/卡片视觉效果。我不确定从哪里开始,因为我对jQuery还比较陌生。是否可以从Wikipedia拖动页面并将其放入jQueryUI中?如果有人有任何建议,那就太棒了,因为我真的在想办法把这个东西从地面上踢下来。编辑:有人吗?我还没有找到任何东西。 最佳答案 编辑2:我用纯JS形式重写了它(也修复了一些问题

Javascript 在加载时删除 ckeditor 插件

HTML:@Model.ContentJavascript:config.removePlugins='elementspath,save,font';当页面加载时,我想禁用所有ckeditor插件。我尝试了上面的代码,但它对我不起作用。如何在加载页面时通过javascript删除插件?任何帮助表示赞赏。谢谢。 最佳答案 您可以定义要加载的插件列表(CKEDITOR.config#plugins):config.plugins='wysiwygarea,toolbar,basicstyles,...';但您也可以限制现有(默认)插件

javascript - 使 JQuery LightBox 插件与多个画廊一起工作

我正在尝试制作这个jquery插件=>http://leandrovieira.com/projects/jquery/lightbox/在同一页面上处理多个画廊。问题是,每次我单击某个图库中的图片时,我都会在同一页面上获取所有图库中的所有图片。假设我有2个画廊,每个画廊有6张照片。如果我单击图库1中的图片,我也会看到图库2中的图片。我试过类似的方法让它工作但没有成功:$(function(){$('div.gallery-6').each(function(){$(this).find('a.lightbox').lightBox();});});不幸的是,它不起作用!!!解决方法是

javascript - 如何在同一个应用程序中使用 2 个具有不同 baseURL 的 Axios 实例 (vue.js)

我正在尝试学习vue.js,所以我制作了一个小应用程序来显示来自API的新闻文章,并在另一个View中允许用户登录到另一个服务器。为此,我使用Axios。我知道我在某些时候让它工作得很好,但今天开始我的项目时,让两个api同时工作是不可能的。这是我的登录服务:importaxiosTrainingAPIfrom'axios'axiosTrainingAPI.defaults.baseURL='https://api.example.com'consttrainingAPI={login(credentials){returnnewPromise((resolve,reject)=>{a

javascript - 在过滤器方法中访问 vue 实例/数据

我正在尝试像这样访问过滤器函数内的vue实例数据。JS:-newVue({data:{amount:10,exchangeRate:50},el:"#app",filters:{currency:function(amount){console.log(this);//returnamount*this.exchangeRate;returnamount*50;}}})HTML:{{amount|currency}}我的目标是使用returnamount*this.exchangeRate;但是this等于window这里。我怎样才能做到这一点?谢谢。jsfiddle

javascript - 传单绘制插件 : How to hide/show drawing tools by Layer Type dynamically

我在项目中使用绘图插件,我想知道如何按图层类型隐藏/显示绘图工具?例如,假设我有2个图层,其中一个类型是多边形,另一个是线。如果用户选择多边形层,我想隐藏画线工具。之后,如果用户选择线层,我想隐藏多边形绘图工具。我看过here但是这个例子使工具成为静态的,我想动态地改变。我该怎么做?我们将不胜感激。 最佳答案 我自己解决了。我在map初始化时添加了这个绘制控件。drawControl=newL.Control.Draw({draw:{position:'topleft',polygon:false,polyline:false,re

javascript - Webpack 4、postcss-loader 和 autoprefixer 插件

我对让自动前缀器工作感到非常沮丧。这是我的webpack.config.jsconstHtmlWebPackPlugin=require("html-webpack-plugin");constMiniCssExtractPlugin=require("mini-css-extract-plugin");constconfig={module:{rules:[{test:/\.js$/,exclude:/node_modules/,use:{loader:"babel-loader"}},{test:/\.(scss)$/,use:[MiniCssExtractPlugin.loade

javascript/vue.js 接收json

我正在尝试像这样在我的vue.js应用程序中接收json:newVue({el:'body',data:{role:'',company:'',list:[],created:function(){this.getJson();},methods:{getJson:function(){$.getJSON('http://domain.dev/data',function(task){this.list=task;}.bind(this));}}}});但结果为空?当我在postman中对此进行测试时,url返回json。我在这里做错了什么?编辑:JSON(测试数据):{"Employ

javascript - Vue.js: 从 "parent"Vue 获取数据

我有一个(不可更改的)DOM结构如下:.........还有两个js文件:index.js:varchild=require('childVue');module.exports=newVue({el:'#indexVue',...});childVue.js:module.exports=newVue({el:'#childVue',methods:{something:function(){//Parentdataneededhere...},...}});如图所示,我需要indexVue的数据在childVue.有什么办法可以传递给它吗?我试图将它传递给带有(v-on="clic