摘要: 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)