您好,欢迎来到宝岛财富。
搜索
您的当前位置:首页Vue.js的计算属性和数据监听

Vue.js的计算属性和数据监听

来源:宝岛财富
 这次给大家带来Vue.js的计算属性和数据监听,Vue.js计算属性和数据监听的注意事项有哪些,下面就是实战案例,一起来看一下。

计算属性 computed
需求:把表单输入的内容中,将数字替换掉

<template>
 <div id="myapp">
 {{myValueWithoutNum}} <br>
 <input type="text" v-model="myValue">
 </div></template><script>
 export default {
 data () { return { myValue: ''
 }
 },// 计算属性
 computed: {
 myValueWithoutNum () {// 把输入的数字替换为空
 return this.myValue.replace(/\d/g, '')
 }
 }
 }</script>

以上效果

Copyright © 2019- bddr.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务