介绍
本篇文章为大家展示了如何在Vue.js中使用过滤器实现幂方求值,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
1,应用场景
,,,使用ElementUI实现一个输入框,输入100,下方显示10000。
2,实现源码
(1)主页面
& lt; template> ,& lt; el-row> ,& lt; el-tabs v模型=癮ctiveName", @tab-click=癶andlerClick"比; & lt;才能el-tab-pane 标签=氨肌?name=皃ie2D"比; & lt; el-date-picker才能 ,,v模型=皏alue2" ,,类型=癿onth" ,,占位符=把≡裨隆氨? & lt;才能/el-date-picker> & lt; el-col :才能跨越=?2“比; ,,& lt; div id=癳pie2D",:祝辞& lt;/div> & lt;才能/el-col> & lt;才能/el-tab-pane> & lt;才能el-tab-pane 标签=爸赐肌?name=癱olumn2D"比; & lt; el-col :才能跨越=?2“比; ,,& lt; div id=癱olumn2D",:祝辞& lt;/div> & lt;才能/el-col> & lt;才能/el-tab-pane> & lt;才能el-tab-pane 标签=肮似鳌?name=癴ilter"比; & lt; el-col :才能跨越=?2“比; ,,& lt; div id=癴ilterData",:在 ,,& lt; el-input v模型=皁ldData"祝辞& lt;/el-input> ,,& lt; label> {{| oldData 权力}}& lt;/label> ,,& lt;/div> & lt;才能/el-col> & lt;才能/el-tab-pane> ,& lt;/el-tabs> ,& lt;/el-row> & lt;/template>
(2) JavaScript
& lt; script> ,export default  { ,名字:& # 39;Epie2D& # 39; ,数据(){ return {才能 oldData才能:& # 39;& # 39; ,,} }, ,过滤器:{ 力量:才能,函数(值),{ return 才能;value *,价值; ,,} ,} ,} & lt;/script>
上述内容就是如何在Vue.js中使用过滤器实现幂方求值,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。