Vue
Model_Vincent
这个作者很懒,什么都没留下…
展开
-
Vue后台开发常见问题:textarea换行的string转存数据库后,提取到前端绑定到vue后JS报错
问题1:在后台使用 <textarea>时,存入数据库没有问题,在编辑页面亦或是详情页,我们从数据库读取传入页面,绑定 Vue.data会出现因为 值有换行符而导致整个 script崩溃的问题导致原因:<textarea>中的换行符是\nhtml中的换行符是<br/>类似: data:{ content : 'I ...原创 2018-11-15 10:29:15 · 2191 阅读 · 0 评论 -
Vue学习笔记----computed计算属性、侦听器
computed计算属性前言 : 计算属性主要用于模板数据的处理{{message.split('').reverse().join('')}}这种写法难懂且复杂,采用计算属性更容易维护页面<div id="example"> <p>Original message: "{{ message }}"</p> <p>Compute...原创 2018-11-15 10:30:02 · 269 阅读 · 0 评论 -
Vue学习笔记----v-bind:class和style绑定
1.动态绑定class1.1对象语法<div v-bind:class="{ active: isActive }"></div><div class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }"></div>data: {原创 2018-11-15 10:30:43 · 863 阅读 · 0 评论 -
Vue学习笔记----条件渲染
条件渲染 v-if<div v-if="type === 'A'"> A</div><div v-else-if="type === 'B'"> B</div><div v-else-if="type === 'C'"> C</div>原创 2018-11-15 10:32:14 · 216 阅读 · 0 评论 -
Vue学习笔记----列表渲染
列表渲染&nbsp;v-for&lt;ul id="example-2"&gt; &lt;li v-for="(item, index) in items"&gt; {{ parentMessage }} - {{ index }} - {{ item.message }} &lt;/li&g原创 2018-11-19 17:58:11 · 303 阅读 · 0 评论 -
Vue学习笔记----事件处理
事件处理事件处理常用v-on简写@&nbsp;监听事件//一行js代码 其中属性为data中的属性&lt;div id="example-1"&gt; &lt;button v-on:click="counter += 1"&gt;Add 1&lt;/button&gt; &a原创 2018-11-19 17:58:04 · 201 阅读 · 0 评论 -
Vue学习笔记----组件事件
组件绑定v-model实现数据的更新Vue.component('base-checkbox', { model: { prop: 'checked', event: 'change' }, props: { checked: Boolean }, template: ` &lt;input type="checkbox" ...原创 2018-11-19 17:57:56 · 552 阅读 · 0 评论 -
Vue学习笔记----组件
组件组件初始化Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '&lt;button v-on:click="count++"&gt;You clicked me {{ count }} times.&lt;/button&a原创 2018-11-19 17:57:46 · 223 阅读 · 0 评论