草庐IT

vue-options-api

全部标签

javascript - Web 音频 API 获取 <audio> 元素的 AudioBuffer

我有一个音频元素varaudioSrc='https://mfbx9da4.github.io/assets/audio/dope-drum-loop_C_major.wav'varaudio=document.createElement('audio')audio.src=audioSrc我需要AudioBuffer做beatdetection所以我尝试在加载音频时访问缓冲区:audio.oncanplaythrough=()=>{console.info('loaded');varsource=context.createMediaElementSource(audio);sour

javascript - 使用Vue按秒统计

我正在创建一个小型计时器Vue组件。用户需要能够启动和停止该计时器。到目前为止,这是我的组件:{{time}}exportdefault{props:['order'],data(){return{time:this.order.time_to_complete,isRunning:false,}},methods:{toggleTimer(){varinterval=setInterval(this.incrementTime,1000);if(this.isRunning){//debuggerclearInterval(interval);console.log('timerst

javascript - Vue js - 找不到图像源时设置替代图像

我在一个有产品列表的网站上工作。每个产品都有对应的图像。我将图像url绑定(bind)到源属性,如下所示。如果找不到图片,我想显示默认图片。我在cshtmlrazor语法中做了如下操作(仅供引用)onerror='this.onerror=null;this.src="@Url.Content("~/images/photo-not-available.jpg")";'我如何在Vue中实现相同的目标? 最佳答案 您可以在Vue中使用@error设置一个onerror处理函数: 关于jav

javascript - 如何在注册该组件时为 vue.js 组件定义 css 样式?

我可以注册一个自定义的vue.js组件//registerVue.component('my-component',{template:'Acustomcomponent!'})另见https://v2.vuejs.org/v2/guide/components.html如何为我的组件包含css类?我希望是这样的Vue.component('my-component',{template:'Acustomcomponent!',css:'#...mycssstylesheet...'})但似乎没有css选项。我知道我可以a)在全局css样式表中定义所有css类或b)使用singe-fi

javascript - React 16.3 Context API——提供者/消费者问题

我一直在React16.3.1ContextAPI上做一些实验。我遇到了一些我无法理解的事情。我希望我能得到你的帮助。注意:问题已经解决,但不是我要找的解决方案。让我们首先对同一文件Index.js中的多个组件进行实验。importReact,{Component,createContext}from'react';const{Provider,Consumer}=createContext();classAppProviderextendsComponent{state={name:'Superman',age:100};render(){constincreaseAge=()=>{

javascript - Vue 不会在 'indirectly' 更改表达式的值时更新 DOM

长话短说我正在尝试从JSON动态构建UI。JSON表示具有应用程序状态(变量)和以这些变量为条件的UI构建逻辑的vue.js应用程序。"type":"switch"的JSON对象(参见下面链接的fiddle),指示vue.js应用程序显示多个"case":{"case1":{..},"case2":{..}}取决于状态变量的值"variable":"key"/*转换为vueApp.key*/.更改其中一个变量(update_status)最初会导致DOM更新。遗憾的是,在安装应用程序后再次更改它不会影响DOM。我很确定我正在做一些愚蠢的事情或遗漏了一些微妙的事情。稍长的版本:(如果你还

javascript - Vue v-on :click. native 在 JSX 中?

如何在JSX中编写vue语法v-on:click.native?例如v-on:click在JSX中是onClick。 最佳答案 答案在babel-plugin-transform-vue-jsx的文档中它是nativeOnClick: 关于javascript-Vuev-on:click.native在JSX中?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/51198226/

javascript - Node.js、Vue.js 和 Passport.js。 .isAuthenticated() 总是返回 false?可能是 Axios header ?

我正在将一个项目转移到Vue.js,但我无法让我的任何中间件检查用户是否已登录或检查用户对工作的所有权。经过无休止的搜索,我认为问题是我从客户端发送到服务器的header不包含Passport序列化用户或其他内容?我怎样才能使它工作?这是我在后端的登录路径:router.post("/login",function(req,res,next){if(!req.body.username||!req.body.password){res.send("Error");}elseif(req.body.username.length>40||req.body.password.length>

javascript - 中文文本使用 Web Speech API 播放一次,但不会播放第二次

所以我正在使用修改后的脚本来尝试播放来自WebSpeechAPI的一些文本。代码原来在这里:ChromeSpeechSynthesiswithlongertexts这是我修改后的变体:functiongoogleSpeech(text,rate){if(!reading){speechSynthesis.cancel();if(timer){clearInterval(timer);}letmsg=newSpeechSynthesisUtterance();letvoices=window.speechSynthesis.getVoices();msg.voice=voices[63]

javascript - 如何处理 async/await fetch API 中的错误 404

在没有提供数据的情况下是否有机会捕获错误?我收到Error404但不能例如console.log它...classAppextendsReact.Component{getWeather=async(e)=>{e.preventDefault();constcity=e.target.elements.city.value;constcountry=e.target.elements.country.value;constapi_call=awaitfetch(`http://api.openweathermap.org/data/2.5/weather?q=${city},${cou