vue+elementUi开发一个可拖拽的和拉伸编辑的画板
1、由于Dialog面积很大，覆盖了视口大部分面积，而有时确实需要让Dialog可拖拽，以便在不关闭的前提下，能看到下方的内容。这里我提供一个自定义指令，实现这个要求。
2、你可以引入整个 Element，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。
3、在el-menu中需要--router---或者router=true 在el-submenu中的index不可缺少，为必须值，不过此处的index仅为索引，用来让当前元素下的子菜单收缩或释放。
Vue基本用法
首先打开APP后是是这样的界面，呈现出来的是一个拍摄的样子，可以选择拍摄现有的。然后，打开右下角，看到的就是剪辑视频的工具，可以从相册里选择照片。
v-slot指令是Vue6之后，作用域插槽的新语法，旧语法（slot-scope）现在还保留，但0之后会移除。
用 Vue.js + VueRouter 创建单页应用，是非常简单的。
Vue中使用v-model指令来实现表单元素和数据的双向绑定。监听用户的输入，然后更新数据。
v-model 是 vue 提供的用来对表单控件做数据双向绑定的指令。它可以根据用户的输入动态改变其绑定的值，同样可以根据绑定值的改变来操作页面 DOM 的更新。
Vue2.0的字符串模板、html模板、组件、slot
组件之双向绑定：.sync 修饰符 Vue 组件的 API 来自三部分——prop、事件和插槽：Prop 允许外部环境传递数据给组件；事件允许从组件内触发外部环境的副作用；插槽允许外部环境将额外的内容组合在组件中。
全局注册的组件可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中。 使用 Vue.component 来创建全局组件。Vue.component的第一个参数就是组件名。emit()用于触发自定义事件。注意：事件名称中不能采用大写字母。
非插槽模板指的是 html模板 ，比如‘div、span、ul、table’这些，非插槽模板的显示与隐藏以及怎样显示由组件自身控制；插槽模板是slot，它是一个空壳子，因为它的显示与隐藏以及最后用什么样的html模板显示由父组件控制。
在子组件中，使用特殊的元素slot就可以为子组件开启一个插槽。该插槽插入什么内容取决于父组件如何使用。
VUE使用富文本自定义打印模板
是因为打印模板没有绑定字段。先点击打印，然后点击自定义模板，找到空白的那一格，鼠标右键，选择绑定字段，选择数量，再点击左上角的保存按钮即可。
等模板html渲染完成后再插入到对应位置。和后端约定的数据格式，tempStr是html，动态插值用${}表示，form是表单描述，用于渲染表单：思路：template.vue：效果 暂时type只区分了select，可以加入radio、checkbox等表单形式。
注意的地方： 全局注册 VS 局部注册 注意：组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop 才能下发到子组件中。
在Word指定位置插入富文本域值（html文本）遇到此问题，首先想到的就是各种百度。结果度娘了一会并没有发现有用的有效的解决方法，哎，看来还得靠自己啊。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
