摘要:
1、lazy <input type="text" v-model="name"> 相当于 <input type="text" :value="name" @input="(e)=>name=e.target.value"> 加上lazy修饰符 <input type="text" v-model 阅读全文
posted @ 2021-06-11 23:03
吴小明-
阅读(1912)
评论(0)
推荐(0)
摘要:
1、在textarea标签中使用 <textarea v-model="name"></textarea> <p>{{name}}</p> 问题: 在data中的数据已经加上换行符 \n 了,但是页面渲染时并没有换行 解决: 给p标签添加样式 <p style="white-space:pre-li 阅读全文
posted @ 2021-06-11 17:59
吴小明-
阅读(331)
评论(0)
推荐(0)
摘要:
如果说要MyInput.vue组件,和父组件App.vue中的name联动 1、MyInput.vue <template> <div> <input type="textarea" :value='value' @input='(e)=>$emit("input",e.target.value)' 阅读全文
posted @ 2021-06-11 17:10
吴小明-
阅读(580)
评论(0)
推荐(0)
摘要:
v-model:双数据绑定 一、v-model是一个语法糖 <template> <div id="app"> <input type="text" v-model="name"> <p>{{name}}</p> </div> </template> <script> export default 阅读全文
posted @ 2021-06-11 13:42
吴小明-
阅读(16626)
评论(0)
推荐(1)
摘要:
我的vue/cli版本: 创建项目,选择Default ([Vue 2] babel, eslint) 选择Default (Vue 3 Preview) ([Vue 3] babel, eslint) 开始对比: 1、目录文件没有区别 2、index.html没有区别 3、babel.config 阅读全文
posted @ 2021-06-11 11:32
吴小明-
阅读(207)
评论(0)
推荐(0)