使用Nuxt.js怎么实现数据双向绑定-创新互联
使用Nuxt.js怎么实现数据双向绑定?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
创新互联主营普兰网站建设的网络公司,主营网站建设方案,成都app开发,普兰h5小程序制作搭建,普兰网站营销推广欢迎普兰等地区企业咨询JS是什么JS是JavaScript的简称,它是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,主要用于web的开发,可以给网站添加各种各样的动态效果,让网页更加美观。
首先模板中data()中定义数据,并且要将定义的数据显示出来
{{ text }}
然后我们通过methods里的函数来获取后台的数据
methods:{ async click(){ let {status,data:{text}} = await self.$axios.post('/updateText',{ text, newText }) this.text = text; } }
服务端的接口如下
router.get('/getText', async (ctx) => { let text= await Text.find(); ctx.body = { text } } router.post('/updateText', async (ctx) => { const {text,newText} = ctx.request.body; let oldVal = text; let newVal = newText; let ncomment = await Comment.updateOne(oldVal,newVal); let text= await Text.find(); ctx.body={ text } })
看完上述内容,你们掌握使用Nuxt.js怎么实现数据双向绑定的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
新闻名称:使用Nuxt.js怎么实现数据双向绑定-创新互联
本文网址:http://pwwzsj.com/article/ppipp.html