草庐IT

vue3-seamless-scroll

全部标签

javascript - 如何使用 Vue Slider 控制元素

我在requestsjson对象中有一堆数据。默认情况下,所有数据都会显示给用户。此外,我还有一个slider组件。我正在尝试实现这样的功能,即当用户移动slider时,json的元素会根据slider的值出现/消失。例如:数据:requests:[{value:10,name:"foo"},{value:12,name:"bar"},{value:14,name:"foobar"},{value:22,name:"test"},{value:1,name:"testtooo"},{value:8,name:"something"}]默认情况下,我希望显示所有数据,但当用户移动slid

javascript - 从 vue-resource 切换到 axios

使用vue-resource,我们可以像这样在main.js中设置根url:Vue.http.options.root='http://localhost:3000/api'我尝试将其替换为:axios.defaults.baseURL='http://localhost:3000/api';Vue.prototype.$http=axios但是,现在我的post调用没有按预期工作,并且Vue.http.post抛出错误。这是如何实现的? 最佳答案 使用axios,可以创建另一个实例havingacustomconfigvarmy_

javascript - Vue.js 使用计算属性来显示或隐藏组件的一部分

我试图根据下拉列表中的值显示/隐藏组件的一部分。在移动我的表单的这一部分之前,使用计算属性工作得很好。但是......我在我的组件中使用了两种方式绑定(bind),而且我正在使用的属性的计算值似乎更新得太晚了。这里是组件jsVue.component('system',{template:'#system',props:['name','count'],computed:{issummit:function(){returnthis.name==='5a37fda9f13db4987411afd8';}//audiovideo:function(){//returnthis.syste

javascript - 在 ES6 : "Failed to resolve module specifier "vue""中导入包

尝试遵循一些Vue教程,但我目前无法在.js文件中导入Vue,然后在我的index.html中导入此文件。这就是我在index.html中导入脚本的方式:如果我在我的main.js文件中这样做:importVuefrom'vue';我在浏览器控制台中收到以下错误:UncaughtTypeError:Failedtoresolvemodulespecifier"vue".Relativereferencesmuststartwitheither"/","./",or"../".如果我的导入行:importVuefrom'../../node_modules/vue';然后我得到一个不同的

javascript - JS - 100% 且无滚动的 iframe 高度(正文中的 Scroll-y)

我有一个iframe问题。首先,我在https://stackoverflow.com/search?tab=relevance&q=iframe%20height中搜索关键字iframeheight但我没有找到我需要的人。如何制作一个高度为100%且无滚动的iframe。在正文中滚动Y。如果我通过http://www.google.com搜索某些内容在iframe中,之后转到google搜索结果页面。iframe将计算新的高度并且iframe高度仍然为100%,正文部分的滚动条。(我希望一些帮助不仅在ie和firefox中,而且在safari和chrome中都能完美工作)。非常感谢。

javascript + html5 Canvas : drawing instead of dragging/scrolling on mobile devices?

我正在使用html5Canvas+一些javascript(onmousedown/move/up)在网页上创建简单的绘图板。在Opera、Firefox、Chrome等中运行良好(在台式电脑上试用)。但是,如果我使用iPhone访问此页面,当我尝试在Canvas上绘图时,它会拖动或滚动页面。这适用于其他页面内容,通过上下滑动页面,您可以像往常一样在移动浏览器中浏览页面。但是有没有一种方法可以在Canvas上禁用此行为,以便移动访问者也可以在上面实际绘制一些东西?为了您的引用,这里有一个简单的例子:functioninit(){varcanvas=document.getElement

javascript - Vue.js 将函数传递给 Prop 不起作用

我遇到一个问题,就是将函数传递给组件并没有按照文档中指定的方式工作。这是在我的app.js中methods:{updateAnswer:function(question){console.log('question:'+question);}}这是在我的html文件中:这是在我的components.js文件中:props:['whenanswered'],ready:function(){this.whenanswered();},我已经试过了:props:[{name:'whenanswered',type:Function}];但仍然没有运气。当我加载页面时,这是在我的控制台中

javascript - 如何使用 Vue.js 访问 API?

我是JavaScript和Vue.js的新手,我在使用Vue.js访问api时遇到问题。我尝试访问的API具有如下所示的JSON:{"coord":{"lon":-88.99,"lat":40.51},"weather":[{"id":800,"main":"Clear","description":"clearsky","icon":"01n"}],"base":"stations","main":{"temp":2.09,"pressure":1022.3,"humidity":69,"temp_min":2.09,"temp_max":2.09,"sea_level":1052.

javascript - 在 Vue JS 中处理登录 API token

我正在使用以下登录组件:varLogin=Vue.extend({template:'#auth',data:function(){return{username:'',password:'',errorMessage:''};},methods:{login:function(e){var_this=this;$.ajax({url:"/vue/api/login",type:"POST",async:false,data:{username:_this.username,password:_this.password},success:function(data){//storet

javascript - 输入 @keyup 事件在 Vue 中不起作用

我正在尝试调用按回车键的方法,但它不起作用。代码如下。Clickexportdefault{methods:{callEvent(){console.log("Eventcalled");}}} 最佳答案 click事件已经通过ENTER键触发(它在某些浏览器中也通过Space触发,例如桌面版Chrome)。因此,您的代码只需要一个@click="callEvent"并且一切正常,因为焦点已经在按钮上:varapp=newVue({el:"#app",methods:{callEvent(){console.log("Eventca