使用Vue.js中的过滤器实现幂方求值的方法

1、应用场景

使用ElementUI实现一个输入框，输入100,下方显示10000。

2、实现源码

(1)主页面

模板El-row El-tab v-model=' activeNAmE ' @ tab-click=' handler click ' El-tab-pane label='饼图name=' Pie2d ' El-date-picker v-model=' value 2 ' type=' month ' placeholder='选择月/El-date-picker El-col : span=' 12 ' div id=' Epie2d ' : style=' { width : ' 1920 px '，height : ' 800 px ' } /div/El-col/El-tab-pane El-tab-pane标签='柱状图name=' column 2d ' El-col : span=' 12 ' div id=' column 2d ' : style=' { width : ' 1920 px '，height : ' 800 px ' } '/div/El-col/El-tab-pane El-tab-pane标签='过滤器name=' filter ' El-col : span=' 12 ' div id=' filter data ' : style=' { width : ' 1900 px '，height : ' 800 px ' } ' El-input v-model=' old data '/El-input label { { old data | Power } }/label/div/El-col/El-tab-pane/El-tab/El-row/template(2)JavaScript

脚本导出默认{ name: 'Epie2D '，data() { return { oldData:'' } }，filter s : { Power :函数(值){ return value * value} } }/script3、实现效果

总结

以上所述是小编给大家介绍的使用Vue.js中的过滤器实现幂方求值，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！