vueelementui实现一个o评论区

首页 >> 正文

vueelementui实现一个o评论区

来源：baiyundou.net 日期：2024-09-20

Element UI中文官网网址： https://element.eleme.cn/#/zh-CN

Element UI是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，了解设计指南,帮助产品设计人员搭建逻辑清晰、结构合理且高效易用的产品。提供了配套设计资源，帮助你的网站快速成型。由饿了么公司前端团队开源。

设计原则：

1.一致性 Consistency

与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；
在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。

2.反馈 Feedback

控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；
页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。

3.效率 Efficiency

简化流程：设计简洁直观的操作流程；
清晰明确：语言表达清晰且表意明确，让用户快速理解进而作出决策；
帮助用户识别：界面简单直白，让用户快速识别而非回忆，减少用户记忆负担。

4.可控 Controllability

用户决策：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；
结果可控：用户可以自由的进行操作，包括撤销、回退和终止当前操作等。

","gnid":"9b2f7bb06e327e289","img_data":[{"flag":2,"img":[{"desc":"","height":"357","title":"","url":"https://p0.ssl.img.360kuai.com/t01202ab0c307fbf91a.png","width":"600"}]}],"original":0,"pat":"art_src_0,fts0,sts0","powerby":"hbase","pub_time":1684302545000,"pure":"","rawurl":"http://zm.news.so.com/bc5510b2238c94faa8bb467a8a8a203c","redirect":0,"rptid":"2f5d7656e12d674f","rss_ext":[],"s":"t","src":"大凡","tag":[],"title":"Element UI中文官网

蒋蔡骂1004基于vue的ui框架有哪些 -
莘芬以19268933299 ______ https://github.com/ElemeFE/element 6283 star 饿了么开源的,支持 vue2.0 https://github.com/yuche/vue-strap 3073 star 使用 Vue.js 和纯 JavaScript 构建的 Bootstrap 组件,用的 vue 1.x https://github.com/iview/iview 2326 star ,适合 PC 网页,目...

蒋蔡骂1004ZUI 和mint - ui,element ui哪个更适合用VUE开发? -
莘芬以19268933299 ______ minit-ui是移动端是饿了么团队开发的,后者element-ui是PC端也是饿了么团队开发的,无论是移动端或者PC端结合Vue都比较适合开发,ZUI组件不是很强大,可以满足一般程序的需求. 1. ZUI系统最显著的特性之一,通过构建完善的系统级防护,打造自动安全的能力.并通过基于大数据下的多级递进自启拦截防护引擎,有效追踪家族应用、跨家族应用; 2. 如果你只需要使用某个组件,可以仅引入这个组件,Mint UI 能够保证在代码打包时,与这个组件无关的文件不会出现在最终代码里.

蒋蔡骂1004用vue 一般都配合什么 UI 框架 -
莘芬以19268933299 ______ vue 只是一个js库,不算框架,他不限制你使用使用UI框架,理论上你可以使用任意 UI 框架.常见的vue的UI框架有:element UI (饿了么的UI框架),Vux(微信UI风格),vue-strap,Vue-Blu等等.

蒋蔡骂1004如何在element UI 中添加 button或其他组件 -
莘芬以19268933299 ______ 通过disabled属性职位true设置按钮不可用. 1、获取按钮对象2、设置按钮对象的disabled的属性为true(禁用),false(不禁用)示例: btn=document.getElementById('按钮的ID');btn.disabled=true;

蒋蔡骂1004如何用import方法使用element ui的js -
莘芬以19268933299 ______ import Vue from 'vue' import 'element-ui/lib/theme-default/index.css' import ElementUi from 'element-ui' Vue.use(ElementUi) // 使用element-ui/* 要把element-ui的css和element-ui一起引入进去,如果是单独使用element-ui的某一个组件,需要安装babel-plugin-component 然后在babel里边配置,具体官网上面有,你可以去看一下 */

蒋蔡骂1004一个Vue实例可以绑定多个element吗 -
莘芬以19268933299 ______ 已解决,vue 2.1.5 将 _h 重命名为 _c,而 element 目前发的版本都是用以前的 compiler 编译的,导致新版 runtime 无法运行 element.目前的解决方案是锁定 vue 的版本为 2.1.4 锁定vue相关版本# 重新安装一下版本＂vue-template-compiler＂: ＂...

蒋蔡骂1004element饿了么的vue框架,运行报错 -
莘芬以19268933299 ______ 先是入口点 main.js import App from './components/App.vue'router.start(App, '#app')然后在App.vue 也就是根组件里面声明router-view<router-view class=＂view＂ keep-alive transition transition-mode=＂out-in＂> </router-view>

蒋蔡骂1004vue+element增删改查实例 -
莘芬以19268933299 ______ 增删改查是在请求时操作的,跟用什么UI框架没关系啊. 例子: this.$axios.post('/api/goods',{...})//增(添加一个商品) this.$axios.delete('/api/goods',{params:{id:1}})//删(删除ID为1的商品) this.$axios.put('/api/goods',{params:{id:1,title:'Helloworld'}})//改(ID为1的商品标题改为Helloworld) this.$axios.get('/api/goods',{params:{id:1}})//查(查询ID为1的商品)

蒋蔡骂1004vue.js怎样构建后台管理界面 -
莘芬以19268933299 ______ 介绍: 这是一个用vuejs2.0和element搭建的后台管理界面. 相关技术: vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用. element:基于vuejs2.0的ui组件库. vue-router:一般单页面应用spa都要用到的前端路由. vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.

蒋蔡骂1004element - ui适合移动端用么 -
莘芬以19268933299 ______ minit-ui和element-ui都是饿了么团队开发的,前者是移动端,后者是pc端,结合vue还是挺好用的,就是ui组件不是很强大,可以满足一般的需求.

（编辑：自媒体）